From 2ebfc10abc53725d5153011e7ea054b92b9d0a1f Mon Sep 17 00:00:00 2001 From: Rise Erpelding Date: Tue, 24 Jun 2025 12:31:03 -0700 Subject: [PATCH 1/3] feat(ui-icons): add new icons --- .changeset/cute-windows-unite.md | 5 +++++ ui-icons/README.md | 1 + ui-icons/dist/icons.json | 7 ++++++- ui-icons/dist/spectrum-css-icons.svg | 16 ++++++++++++++++ ui-icons/dist/svg/Arrow200.svg | 3 +++ ui-icons/dist/svg/Arrow300.svg | 3 +++ ui-icons/dist/svg/Arrow500.svg | 3 +++ ui-icons/dist/svg/LinkOut75.svg | 3 +++ ui-icons/dist/svg/MoveHorizontalTableWidget.svg | 4 ++++ ui-icons/index.js | 6 ++++++ 10 files changed, 50 insertions(+), 1 deletion(-) create mode 100644 .changeset/cute-windows-unite.md create mode 100644 ui-icons/dist/svg/Arrow200.svg create mode 100644 ui-icons/dist/svg/Arrow300.svg create mode 100644 ui-icons/dist/svg/Arrow500.svg create mode 100644 ui-icons/dist/svg/LinkOut75.svg create mode 100644 ui-icons/dist/svg/MoveHorizontalTableWidget.svg 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/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..1d8b76c3557 100644 --- a/ui-icons/dist/icons.json +++ b/ui-icons/dist/icons.json @@ -5,7 +5,10 @@ "Add200.svg", "Add300.svg", "Arrow100.svg", + "Arrow200.svg", + "Arrow300.svg", "Arrow400.svg", + "Arrow500.svg", "Asterisk100.svg", "Asterisk200.svg", "Asterisk300.svg", @@ -42,8 +45,10 @@ "DragHandle200.svg", "DragHandle300.svg", "Gripper100.svg", + "LinkOut75.svg", "LinkOut100.svg", "LinkOut200.svg", "LinkOut300.svg", - "LinkOut400.svg" + "LinkOut400.svg", + "MoveHorizontalTableWidget.svg" ] \ No newline at end of file diff --git a/ui-icons/dist/spectrum-css-icons.svg b/ui-icons/dist/spectrum-css-icons.svg index bd6a6a5bbb3..2673c0f7933 100644 --- a/ui-icons/dist/spectrum-css-icons.svg +++ b/ui-icons/dist/spectrum-css-icons.svg @@ -17,9 +17,18 @@ + + + + + + + + + @@ -148,6 +157,9 @@ + + + @@ -160,4 +172,8 @@ + + + + diff --git a/ui-icons/dist/svg/Arrow200.svg b/ui-icons/dist/svg/Arrow200.svg new file mode 100644 index 00000000000..825e6376d84 --- /dev/null +++ b/ui-icons/dist/svg/Arrow200.svg @@ -0,0 +1,3 @@ + + + diff --git a/ui-icons/dist/svg/Arrow300.svg b/ui-icons/dist/svg/Arrow300.svg new file mode 100644 index 00000000000..503d218e3f9 --- /dev/null +++ b/ui-icons/dist/svg/Arrow300.svg @@ -0,0 +1,3 @@ + + + diff --git a/ui-icons/dist/svg/Arrow500.svg b/ui-icons/dist/svg/Arrow500.svg new file mode 100644 index 00000000000..33452e98111 --- /dev/null +++ b/ui-icons/dist/svg/Arrow500.svg @@ -0,0 +1,3 @@ + + + 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/dist/svg/MoveHorizontalTableWidget.svg b/ui-icons/dist/svg/MoveHorizontalTableWidget.svg new file mode 100644 index 00000000000..5fe3a988dbe --- /dev/null +++ b/ui-icons/dist/svg/MoveHorizontalTableWidget.svg @@ -0,0 +1,4 @@ + + + + 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]; From a14565f7ba561e05f14494425d03ee0fa1f24b25 Mon Sep 17 00:00:00 2001 From: Rise Erpelding Date: Thu, 26 Jun 2025 09:36:25 -1000 Subject: [PATCH 2/3] chore(ui-icons): manually remove unneeded icons --- ui-icons/dist/icons.json | 6 +----- ui-icons/dist/spectrum-css-icons.svg | 13 ------------- ui-icons/dist/svg/Arrow200.svg | 3 --- ui-icons/dist/svg/Arrow300.svg | 3 --- ui-icons/dist/svg/Arrow500.svg | 3 --- ui-icons/dist/svg/MoveHorizontalTableWidget.svg | 4 ---- 6 files changed, 1 insertion(+), 31 deletions(-) delete mode 100644 ui-icons/dist/svg/Arrow200.svg delete mode 100644 ui-icons/dist/svg/Arrow300.svg delete mode 100644 ui-icons/dist/svg/Arrow500.svg delete mode 100644 ui-icons/dist/svg/MoveHorizontalTableWidget.svg diff --git a/ui-icons/dist/icons.json b/ui-icons/dist/icons.json index 1d8b76c3557..8d342328e1b 100644 --- a/ui-icons/dist/icons.json +++ b/ui-icons/dist/icons.json @@ -5,10 +5,7 @@ "Add200.svg", "Add300.svg", "Arrow100.svg", - "Arrow200.svg", - "Arrow300.svg", "Arrow400.svg", - "Arrow500.svg", "Asterisk100.svg", "Asterisk200.svg", "Asterisk300.svg", @@ -49,6 +46,5 @@ "LinkOut100.svg", "LinkOut200.svg", "LinkOut300.svg", - "LinkOut400.svg", - "MoveHorizontalTableWidget.svg" + "LinkOut400.svg" ] \ No newline at end of file diff --git a/ui-icons/dist/spectrum-css-icons.svg b/ui-icons/dist/spectrum-css-icons.svg index 2673c0f7933..a935ed18df2 100644 --- a/ui-icons/dist/spectrum-css-icons.svg +++ b/ui-icons/dist/spectrum-css-icons.svg @@ -17,18 +17,9 @@ - - - - - - - - - @@ -172,8 +163,4 @@ - - - - diff --git a/ui-icons/dist/svg/Arrow200.svg b/ui-icons/dist/svg/Arrow200.svg deleted file mode 100644 index 825e6376d84..00000000000 --- a/ui-icons/dist/svg/Arrow200.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/ui-icons/dist/svg/Arrow300.svg b/ui-icons/dist/svg/Arrow300.svg deleted file mode 100644 index 503d218e3f9..00000000000 --- a/ui-icons/dist/svg/Arrow300.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/ui-icons/dist/svg/Arrow500.svg b/ui-icons/dist/svg/Arrow500.svg deleted file mode 100644 index 33452e98111..00000000000 --- a/ui-icons/dist/svg/Arrow500.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/ui-icons/dist/svg/MoveHorizontalTableWidget.svg b/ui-icons/dist/svg/MoveHorizontalTableWidget.svg deleted file mode 100644 index 5fe3a988dbe..00000000000 --- a/ui-icons/dist/svg/MoveHorizontalTableWidget.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - From 9faff04740177de5466588e814883451737f1f20 Mon Sep 17 00:00:00 2001 From: Rise Erpelding Date: Thu, 26 Jun 2025 10:56:42 -1000 Subject: [PATCH 3/3] chore(icon): add icon class for linkout75 --- .changeset/early-ends-fail.md | 5 +++++ components/icon/dist/metadata.json | 4 +++- components/icon/ui-icons.css | 4 ++++ 3 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 .changeset/early-ends-fail.md 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); }