From b0d26d329c488800a2767a960151fdbecc9cd064 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 15 Apr 2026 12:23:15 -0400 Subject: [PATCH 01/10] wip --- packages/ui/src/icons/add.svg | 1 - packages/ui/src/icons/arrow-left.svg | 1 - packages/ui/src/icons/arrow-right-button.svg | 1 - packages/ui/src/icons/arrow-right.svg | 1 - packages/ui/src/icons/arrows-up-down.svg | 1 - packages/ui/src/icons/auth-app.svg | 4 - packages/ui/src/icons/block.svg | 1 - packages/ui/src/icons/caret-left.svg | 3 - packages/ui/src/icons/caret-right.svg | 3 - packages/ui/src/icons/chat-alt.svg | 1 - packages/ui/src/icons/check-circle.svg | 1 - packages/ui/src/icons/check.svg | 3 - packages/ui/src/icons/chevron-down.svg | 1 - packages/ui/src/icons/chevron-up-down.svg | 4 - packages/ui/src/icons/clipboard-outline.svg | 3 - packages/ui/src/icons/clipboard.svg | 1 - packages/ui/src/icons/close.svg | 3 - packages/ui/src/icons/code.svg | 4 - packages/ui/src/icons/cog-filled.svg | 1 - packages/ui/src/icons/cog.svg | 1 - packages/ui/src/icons/copy.svg | 3 - packages/ui/src/icons/credit-card.svg | 4 - packages/ui/src/icons/download.svg | 3 - packages/ui/src/icons/email.svg | 4 - packages/ui/src/icons/exclamation-circle.svg | 1 - .../ui/src/icons/exclamation-triangle.svg | 3 - packages/ui/src/icons/eye-slash.svg | 4 - packages/ui/src/icons/eye.svg | 4 - packages/ui/src/icons/fingerprint.svg | 4 - packages/ui/src/icons/generic-pay.svg | 1 - packages/ui/src/icons/index.ts | 104 +++++++++--------- packages/ui/src/icons/information-circle.svg | 5 - packages/ui/src/icons/link.svg | 1 - packages/ui/src/icons/lock-closed.svg | 1 - packages/ui/src/icons/lock-dotted-circle.svg | 1 - packages/ui/src/icons/logo-mark.svg | 1 - packages/ui/src/icons/magnifying-glass.svg | 1 - packages/ui/src/icons/menu.svg | 3 - packages/ui/src/icons/mobile-small.svg | 1 - packages/ui/src/icons/mobile.svg | 1 - packages/ui/src/icons/organization.svg | 3 - packages/ui/src/icons/pencil-edit.svg | 5 - packages/ui/src/icons/plans.svg | 3 - packages/ui/src/icons/plus.svg | 3 - packages/ui/src/icons/print.svg | 3 - packages/ui/src/icons/request-auth.svg | 1 - packages/ui/src/icons/rotate-left-right.svg | 3 - packages/ui/src/icons/signout.svg | 1 - packages/ui/src/icons/spinner-jumbo.svg | 11 -- packages/ui/src/icons/switch-arrow-right.svg | 1 - packages/ui/src/icons/switch-arrows.svg | 1 - packages/ui/src/icons/threeDots.svg | 7 -- packages/ui/src/icons/tick-shield.svg | 3 - packages/ui/src/icons/upload.svg | 1 - packages/ui/src/icons/user.svg | 1 - packages/ui/src/icons/users.svg | 6 - packages/ui/src/icons/v2-migration-backlog.md | 7 ++ packages/ui/src/icons/v2/archive.svg | 3 + packages/ui/src/icons/v2/arrow-down-tray.svg | 3 + packages/ui/src/icons/v2/arrow-down.svg | 3 + .../ui/src/icons/v2/arrow-left-bottom.svg | 3 + packages/ui/src/icons/v2/arrow-left-right.svg | 3 + packages/ui/src/icons/v2/arrow-left-top.svg | 3 + packages/ui/src/icons/v2/arrow-left.svg | 3 + .../ui/src/icons/v2/arrow-right-bottom.svg | 3 + packages/ui/src/icons/v2/arrow-right-top.svg | 3 + packages/ui/src/icons/v2/arrow-right.svg | 3 + packages/ui/src/icons/v2/arrow-up-down.svg | 3 + packages/ui/src/icons/v2/arrow-up-tray.svg | 3 + packages/ui/src/icons/v2/arrow-up.svg | 3 + packages/ui/src/icons/v2/auth-app.svg | 3 + packages/ui/src/icons/v2/block.svg | 3 + packages/ui/src/icons/v2/building.svg | 3 + packages/ui/src/icons/v2/checkmark-circle.svg | 3 + packages/ui/src/icons/v2/checkmark.svg | 3 + packages/ui/src/icons/v2/chevron-down.svg | 3 + packages/ui/src/icons/v2/chevron-left.svg | 3 + packages/ui/src/icons/v2/chevron-right.svg | 3 + packages/ui/src/icons/v2/chevron-up-down.svg | 3 + packages/ui/src/icons/v2/chevron-up.svg | 3 + packages/ui/src/icons/v2/clipboard.svg | 3 + packages/ui/src/icons/v2/close.svg | 3 + packages/ui/src/icons/v2/code.svg | 3 + packages/ui/src/icons/v2/cog.svg | 3 + packages/ui/src/icons/v2/copy.svg | 3 + packages/ui/src/icons/v2/credit-card.svg | 3 + packages/ui/src/icons/v2/envelope.svg | 3 + .../ui/src/icons/v2/exclamation-circle.svg | 3 + .../ui/src/icons/v2/exclamation-triangle.svg | 3 + packages/ui/src/icons/v2/eye-slash.svg | 3 + packages/ui/src/icons/v2/eye.svg | 4 + packages/ui/src/icons/v2/files.svg | 3 + packages/ui/src/icons/v2/fingerprint.svg | 3 + .../ui/src/icons/v2/information-circle.svg | 3 + packages/ui/src/icons/v2/link.svg | 3 + packages/ui/src/icons/v2/lock-arrow.svg | 3 + .../ui/src/icons/v2/lock-dotted-circle.svg | 3 + packages/ui/src/icons/v2/lock.svg | 3 + packages/ui/src/icons/v2/magnifying-glass.svg | 3 + packages/ui/src/icons/v2/menu.svg | 3 + packages/ui/src/icons/v2/mobile.svg | 3 + packages/ui/src/icons/v2/pen.svg | 3 + packages/ui/src/icons/v2/plus.svg | 3 + packages/ui/src/icons/v2/print.svg | 3 + .../ui/src/icons/v2/rotate-left-right.svg | 3 + packages/ui/src/icons/v2/shield-check.svg | 3 + packages/ui/src/icons/v2/sign-out.svg | 3 + packages/ui/src/icons/v2/speech-bubble.svg | 9 ++ packages/ui/src/icons/v2/spinner.svg | 11 ++ .../ui/src/icons/v2/three-dots-circle.svg | 9 ++ packages/ui/src/icons/v2/three-dots.svg | 3 + packages/ui/src/icons/v2/triangle-right.svg | 3 + packages/ui/src/icons/v2/user-circle.svg | 3 + packages/ui/src/icons/v2/users.svg | 3 + packages/ui/src/primitives/Button.tsx | 4 +- 115 files changed, 253 insertions(+), 192 deletions(-) delete mode 100644 packages/ui/src/icons/add.svg delete mode 100644 packages/ui/src/icons/arrow-left.svg delete mode 100644 packages/ui/src/icons/arrow-right-button.svg delete mode 100644 packages/ui/src/icons/arrow-right.svg delete mode 100644 packages/ui/src/icons/arrows-up-down.svg delete mode 100644 packages/ui/src/icons/auth-app.svg delete mode 100644 packages/ui/src/icons/block.svg delete mode 100644 packages/ui/src/icons/caret-left.svg delete mode 100644 packages/ui/src/icons/caret-right.svg delete mode 100644 packages/ui/src/icons/chat-alt.svg delete mode 100644 packages/ui/src/icons/check-circle.svg delete mode 100644 packages/ui/src/icons/check.svg delete mode 100644 packages/ui/src/icons/chevron-down.svg delete mode 100644 packages/ui/src/icons/chevron-up-down.svg delete mode 100644 packages/ui/src/icons/clipboard-outline.svg delete mode 100644 packages/ui/src/icons/clipboard.svg delete mode 100644 packages/ui/src/icons/close.svg delete mode 100644 packages/ui/src/icons/code.svg delete mode 100644 packages/ui/src/icons/cog-filled.svg delete mode 100644 packages/ui/src/icons/cog.svg delete mode 100644 packages/ui/src/icons/copy.svg delete mode 100644 packages/ui/src/icons/credit-card.svg delete mode 100644 packages/ui/src/icons/download.svg delete mode 100644 packages/ui/src/icons/email.svg delete mode 100644 packages/ui/src/icons/exclamation-circle.svg delete mode 100644 packages/ui/src/icons/exclamation-triangle.svg delete mode 100644 packages/ui/src/icons/eye-slash.svg delete mode 100644 packages/ui/src/icons/eye.svg delete mode 100644 packages/ui/src/icons/fingerprint.svg delete mode 100644 packages/ui/src/icons/generic-pay.svg delete mode 100644 packages/ui/src/icons/information-circle.svg delete mode 100644 packages/ui/src/icons/link.svg delete mode 100644 packages/ui/src/icons/lock-closed.svg delete mode 100644 packages/ui/src/icons/lock-dotted-circle.svg delete mode 100644 packages/ui/src/icons/logo-mark.svg delete mode 100644 packages/ui/src/icons/magnifying-glass.svg delete mode 100644 packages/ui/src/icons/menu.svg delete mode 100644 packages/ui/src/icons/mobile-small.svg delete mode 100644 packages/ui/src/icons/mobile.svg delete mode 100644 packages/ui/src/icons/organization.svg delete mode 100644 packages/ui/src/icons/pencil-edit.svg delete mode 100644 packages/ui/src/icons/plans.svg delete mode 100644 packages/ui/src/icons/plus.svg delete mode 100644 packages/ui/src/icons/print.svg delete mode 100644 packages/ui/src/icons/request-auth.svg delete mode 100644 packages/ui/src/icons/rotate-left-right.svg delete mode 100644 packages/ui/src/icons/signout.svg delete mode 100644 packages/ui/src/icons/spinner-jumbo.svg delete mode 100644 packages/ui/src/icons/switch-arrow-right.svg delete mode 100644 packages/ui/src/icons/switch-arrows.svg delete mode 100644 packages/ui/src/icons/threeDots.svg delete mode 100644 packages/ui/src/icons/tick-shield.svg delete mode 100644 packages/ui/src/icons/upload.svg delete mode 100644 packages/ui/src/icons/user.svg delete mode 100644 packages/ui/src/icons/users.svg create mode 100644 packages/ui/src/icons/v2-migration-backlog.md create mode 100644 packages/ui/src/icons/v2/archive.svg create mode 100644 packages/ui/src/icons/v2/arrow-down-tray.svg create mode 100644 packages/ui/src/icons/v2/arrow-down.svg create mode 100644 packages/ui/src/icons/v2/arrow-left-bottom.svg create mode 100644 packages/ui/src/icons/v2/arrow-left-right.svg create mode 100644 packages/ui/src/icons/v2/arrow-left-top.svg create mode 100644 packages/ui/src/icons/v2/arrow-left.svg create mode 100644 packages/ui/src/icons/v2/arrow-right-bottom.svg create mode 100644 packages/ui/src/icons/v2/arrow-right-top.svg create mode 100644 packages/ui/src/icons/v2/arrow-right.svg create mode 100644 packages/ui/src/icons/v2/arrow-up-down.svg create mode 100644 packages/ui/src/icons/v2/arrow-up-tray.svg create mode 100644 packages/ui/src/icons/v2/arrow-up.svg create mode 100644 packages/ui/src/icons/v2/auth-app.svg create mode 100644 packages/ui/src/icons/v2/block.svg create mode 100644 packages/ui/src/icons/v2/building.svg create mode 100644 packages/ui/src/icons/v2/checkmark-circle.svg create mode 100644 packages/ui/src/icons/v2/checkmark.svg create mode 100644 packages/ui/src/icons/v2/chevron-down.svg create mode 100644 packages/ui/src/icons/v2/chevron-left.svg create mode 100644 packages/ui/src/icons/v2/chevron-right.svg create mode 100644 packages/ui/src/icons/v2/chevron-up-down.svg create mode 100644 packages/ui/src/icons/v2/chevron-up.svg create mode 100644 packages/ui/src/icons/v2/clipboard.svg create mode 100644 packages/ui/src/icons/v2/close.svg create mode 100644 packages/ui/src/icons/v2/code.svg create mode 100644 packages/ui/src/icons/v2/cog.svg create mode 100644 packages/ui/src/icons/v2/copy.svg create mode 100644 packages/ui/src/icons/v2/credit-card.svg create mode 100644 packages/ui/src/icons/v2/envelope.svg create mode 100644 packages/ui/src/icons/v2/exclamation-circle.svg create mode 100644 packages/ui/src/icons/v2/exclamation-triangle.svg create mode 100644 packages/ui/src/icons/v2/eye-slash.svg create mode 100644 packages/ui/src/icons/v2/eye.svg create mode 100644 packages/ui/src/icons/v2/files.svg create mode 100644 packages/ui/src/icons/v2/fingerprint.svg create mode 100644 packages/ui/src/icons/v2/information-circle.svg create mode 100644 packages/ui/src/icons/v2/link.svg create mode 100644 packages/ui/src/icons/v2/lock-arrow.svg create mode 100644 packages/ui/src/icons/v2/lock-dotted-circle.svg create mode 100644 packages/ui/src/icons/v2/lock.svg create mode 100644 packages/ui/src/icons/v2/magnifying-glass.svg create mode 100644 packages/ui/src/icons/v2/menu.svg create mode 100644 packages/ui/src/icons/v2/mobile.svg create mode 100644 packages/ui/src/icons/v2/pen.svg create mode 100644 packages/ui/src/icons/v2/plus.svg create mode 100644 packages/ui/src/icons/v2/print.svg create mode 100644 packages/ui/src/icons/v2/rotate-left-right.svg create mode 100644 packages/ui/src/icons/v2/shield-check.svg create mode 100644 packages/ui/src/icons/v2/sign-out.svg create mode 100644 packages/ui/src/icons/v2/speech-bubble.svg create mode 100644 packages/ui/src/icons/v2/spinner.svg create mode 100644 packages/ui/src/icons/v2/three-dots-circle.svg create mode 100644 packages/ui/src/icons/v2/three-dots.svg create mode 100644 packages/ui/src/icons/v2/triangle-right.svg create mode 100644 packages/ui/src/icons/v2/user-circle.svg create mode 100644 packages/ui/src/icons/v2/users.svg diff --git a/packages/ui/src/icons/add.svg b/packages/ui/src/icons/add.svg deleted file mode 100644 index 4d7607c83e4..00000000000 --- a/packages/ui/src/icons/add.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/arrow-left.svg b/packages/ui/src/icons/arrow-left.svg deleted file mode 100644 index 65a98939a7f..00000000000 --- a/packages/ui/src/icons/arrow-left.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/arrow-right-button.svg b/packages/ui/src/icons/arrow-right-button.svg deleted file mode 100644 index 86039b4c6f3..00000000000 --- a/packages/ui/src/icons/arrow-right-button.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/arrow-right.svg b/packages/ui/src/icons/arrow-right.svg deleted file mode 100644 index 3e626bf728b..00000000000 --- a/packages/ui/src/icons/arrow-right.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/arrows-up-down.svg b/packages/ui/src/icons/arrows-up-down.svg deleted file mode 100644 index 10e931aede4..00000000000 --- a/packages/ui/src/icons/arrows-up-down.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/ui/src/icons/auth-app.svg b/packages/ui/src/icons/auth-app.svg deleted file mode 100644 index 6755d78fefa..00000000000 --- a/packages/ui/src/icons/auth-app.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/block.svg b/packages/ui/src/icons/block.svg deleted file mode 100644 index 45d5f127750..00000000000 --- a/packages/ui/src/icons/block.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/ui/src/icons/caret-left.svg b/packages/ui/src/icons/caret-left.svg deleted file mode 100644 index 7a9e66a85d5..00000000000 --- a/packages/ui/src/icons/caret-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/caret-right.svg b/packages/ui/src/icons/caret-right.svg deleted file mode 100644 index 1a2b3a34fc8..00000000000 --- a/packages/ui/src/icons/caret-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/chat-alt.svg b/packages/ui/src/icons/chat-alt.svg deleted file mode 100644 index 468207244e2..00000000000 --- a/packages/ui/src/icons/chat-alt.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/check-circle.svg b/packages/ui/src/icons/check-circle.svg deleted file mode 100644 index d8cc3defc9a..00000000000 --- a/packages/ui/src/icons/check-circle.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/check.svg b/packages/ui/src/icons/check.svg deleted file mode 100644 index 83ed44ec54b..00000000000 --- a/packages/ui/src/icons/check.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/chevron-down.svg b/packages/ui/src/icons/chevron-down.svg deleted file mode 100644 index 0fe75416dfd..00000000000 --- a/packages/ui/src/icons/chevron-down.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/chevron-up-down.svg b/packages/ui/src/icons/chevron-up-down.svg deleted file mode 100644 index 686505fc585..00000000000 --- a/packages/ui/src/icons/chevron-up-down.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/clipboard-outline.svg b/packages/ui/src/icons/clipboard-outline.svg deleted file mode 100644 index d4b4370a932..00000000000 --- a/packages/ui/src/icons/clipboard-outline.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/clipboard.svg b/packages/ui/src/icons/clipboard.svg deleted file mode 100644 index 3b5e478022f..00000000000 --- a/packages/ui/src/icons/clipboard.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/close.svg b/packages/ui/src/icons/close.svg deleted file mode 100644 index 4c18e8a43a5..00000000000 --- a/packages/ui/src/icons/close.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/code.svg b/packages/ui/src/icons/code.svg deleted file mode 100644 index e23d99d96e3..00000000000 --- a/packages/ui/src/icons/code.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/cog-filled.svg b/packages/ui/src/icons/cog-filled.svg deleted file mode 100644 index 0e9ff937aec..00000000000 --- a/packages/ui/src/icons/cog-filled.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/cog.svg b/packages/ui/src/icons/cog.svg deleted file mode 100644 index de7315c02fe..00000000000 --- a/packages/ui/src/icons/cog.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/copy.svg b/packages/ui/src/icons/copy.svg deleted file mode 100644 index d878280a96d..00000000000 --- a/packages/ui/src/icons/copy.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/credit-card.svg b/packages/ui/src/icons/credit-card.svg deleted file mode 100644 index ba479bb56b8..00000000000 --- a/packages/ui/src/icons/credit-card.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/packages/ui/src/icons/download.svg b/packages/ui/src/icons/download.svg deleted file mode 100644 index d96354e5d78..00000000000 --- a/packages/ui/src/icons/download.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/email.svg b/packages/ui/src/icons/email.svg deleted file mode 100644 index f225e53aca7..00000000000 --- a/packages/ui/src/icons/email.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/exclamation-circle.svg b/packages/ui/src/icons/exclamation-circle.svg deleted file mode 100644 index 62a3f245943..00000000000 --- a/packages/ui/src/icons/exclamation-circle.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/exclamation-triangle.svg b/packages/ui/src/icons/exclamation-triangle.svg deleted file mode 100644 index 863ef8cf435..00000000000 --- a/packages/ui/src/icons/exclamation-triangle.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/eye-slash.svg b/packages/ui/src/icons/eye-slash.svg deleted file mode 100644 index d5f327d50d1..00000000000 --- a/packages/ui/src/icons/eye-slash.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/eye.svg b/packages/ui/src/icons/eye.svg deleted file mode 100644 index 8fe858210a9..00000000000 --- a/packages/ui/src/icons/eye.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/ui/src/icons/fingerprint.svg b/packages/ui/src/icons/fingerprint.svg deleted file mode 100644 index 00f3e80bb3e..00000000000 --- a/packages/ui/src/icons/fingerprint.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - diff --git a/packages/ui/src/icons/generic-pay.svg b/packages/ui/src/icons/generic-pay.svg deleted file mode 100644 index 9a8e1495b92..00000000000 --- a/packages/ui/src/icons/generic-pay.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/ui/src/icons/index.ts b/packages/ui/src/icons/index.ts index 497b15f1abf..4ce9bd1a14c 100644 --- a/packages/ui/src/icons/index.ts +++ b/packages/ui/src/icons/index.ts @@ -4,72 +4,72 @@ * Consequently, the files are correctly imported but the TS checker emits errors. * The above no-check is safe, as webpack will not allow compilation if for example a file is not resolved. */ -export { default as Add } from './add.svg'; +export { default as Add } from './v2/plus.svg'; export { default as ApplePay } from './apple-pay.svg'; -export { default as ArrowLeftIcon } from './arrow-left.svg'; -export { default as ArrowRightButtonIcon } from './arrow-right-button.svg'; -export { default as ArrowRightIcon } from './arrow-right.svg'; -export { default as ArrowsUpDown } from './arrows-up-down.svg'; -export { default as AuthApp } from './auth-app.svg'; +export { default as ArrowLeftIcon } from './v2/arrow-left.svg'; +export { default as ArrowRightButtonIcon } from './v2/triangle-right.svg'; +export { default as ArrowRightIcon } from './v2/arrow-right.svg'; +export { default as ArrowsUpDown } from './v2/arrow-up-down.svg'; +export { default as AuthApp } from './v2/auth-app.svg'; export { default as Billing } from './billing.svg'; -export { default as Block } from './block.svg'; +export { default as Block } from './v2/block.svg'; export { default as Caret } from './caret.svg'; -export { default as CaretLeft } from './caret-left.svg'; -export { default as CaretRight } from './caret-right.svg'; -export { default as ChatAltIcon } from './chat-alt.svg'; -export { default as Check } from './check.svg'; -export { default as CheckCircle } from './check-circle.svg'; +export { default as CaretLeft } from './v2/chevron-left.svg'; +export { default as CaretRight } from './v2/chevron-right.svg'; +export { default as ChatAltIcon } from './v2/speech-bubble.svg'; +export { default as Check } from './v2/checkmark.svg'; +export { default as CheckCircle } from './v2/checkmark-circle.svg'; export { default as CheckmarkFilled } from './checkmark-filled.svg'; -export { default as ChevronDown } from './chevron-down.svg'; -export { default as ChevronUpDown } from './chevron-up-down.svg'; -export { default as Clipboard } from './clipboard.svg'; -export { default as ClipboardOutline } from './clipboard-outline.svg'; -export { default as Close } from './close.svg'; -export { default as Code } from './code.svg'; -export { default as CogFilled } from './cog-filled.svg'; -export { default as Copy } from './copy.svg'; -export { default as CreditCard } from './credit-card.svg'; +export { default as ChevronDown } from './v2/chevron-down.svg'; +export { default as ChevronUpDown } from './v2/chevron-up-down.svg'; +export { default as Clipboard } from './v2/clipboard.svg'; +export { default as ClipboardOutline } from './v2/clipboard.svg'; +export { default as Close } from './v2/close.svg'; +export { default as Code } from './v2/code.svg'; +export { default as CogFilled } from './v2/cog.svg'; +export { default as Copy } from './v2/copy.svg'; +export { default as CreditCard } from './v2/credit-card.svg'; export { default as DeviceLaptop } from './device-laptop.svg'; export { default as DeviceMobile } from './device-mobile.svg'; export { default as DotCircle } from './dot-circle-horizontal.svg'; -export { default as Download } from './download.svg'; -export { default as Email } from './email.svg'; -export { default as ExclamationCircle } from './exclamation-circle.svg'; -export { default as ExclamationTriangle } from './exclamation-triangle.svg'; -export { default as Eye } from './eye.svg'; -export { default as EyeSlash } from './eye-slash.svg'; -export { default as Fingerprint } from './fingerprint.svg'; +export { default as Download } from './v2/arrow-down-tray.svg'; +export { default as Email } from './v2/envelope.svg'; +export { default as ExclamationCircle } from './v2/exclamation-circle.svg'; +export { default as ExclamationTriangle } from './v2/exclamation-triangle.svg'; +export { default as Eye } from './v2/eye.svg'; +export { default as EyeSlash } from './v2/eye-slash.svg'; +export { default as Fingerprint } from './v2/fingerprint.svg'; export { default as Folder } from './folder.svg'; -export { default as GenericPayment } from './generic-pay.svg'; -export { default as InformationCircle } from './information-circle.svg'; -export { default as LinkIcon } from './link.svg'; -export { default as LockClosedIcon } from './lock-closed.svg'; -export { default as LockDottedCircle } from './lock-dotted-circle.svg'; +export { default as GenericPayment } from './v2/archive.svg'; +export { default as InformationCircle } from './v2/information-circle.svg'; +export { default as LinkIcon } from './v2/link.svg'; +export { default as LockClosedIcon } from './v2/lock.svg'; +export { default as LockDottedCircle } from './v2/lock-dotted-circle.svg'; export { default as LogoMark } from './logo-mark-new.svg'; -export { default as MagnifyingGlass } from './magnifying-glass.svg'; -export { default as Menu } from './menu.svg'; +export { default as MagnifyingGlass } from './v2/magnifying-glass.svg'; +export { default as Menu } from './v2/menu.svg'; export { default as Minus } from './minus.svg'; -export { default as Mobile } from './mobile-small.svg'; -export { default as Organization } from './organization.svg'; +export { default as Mobile } from './v2/mobile.svg'; +export { default as Organization } from './v2/building.svg'; export { default as Pencil } from './pencil.svg'; -export { default as PencilEdit } from './pencil-edit.svg'; -export { default as Plans } from './plans.svg'; -export { default as Plus } from './plus.svg'; -export { default as Print } from './print.svg'; +export { default as PencilEdit } from './v2/pen.svg'; +export { default as Plans } from './v2/files.svg'; +export { default as Plus } from './v2/plus.svg'; +export { default as Print } from './v2/print.svg'; export { default as QuestionMark } from './question-mark.svg'; -export { default as RequestAuthIcon } from './request-auth.svg'; -export { default as RotateLeftRight } from './rotate-left-right.svg'; +export { default as RequestAuthIcon } from './v2/lock-arrow.svg'; +export { default as RotateLeftRight } from './v2/rotate-left-right.svg'; export { default as Selector } from './selector.svg'; -export { default as SignOut } from './signout.svg'; +export { default as SignOut } from './v2/sign-out.svg'; export { default as SignOutDouble } from './signout-double.svg'; -export { default as SpinnerJumbo } from './spinner-jumbo.svg'; -export { default as SwitchArrowRight } from './switch-arrow-right.svg'; -export { default as SwitchArrows } from './switch-arrows.svg'; -export { default as ThreeDots } from './threeDots.svg'; -export { default as TickShield } from './tick-shield.svg'; +export { default as SpinnerJumbo } from './v2/spinner.svg'; +export { default as SwitchArrowRight } from './v2/arrow-right.svg'; +export { default as SwitchArrows } from './v2/arrow-left-right.svg'; +export { default as ThreeDots } from './v2/three-dots.svg'; +export { default as TickShield } from './v2/shield-check.svg'; export { default as Times } from './times.svg'; export { default as Trash } from './trash.svg'; -export { default as Upload } from './upload.svg'; -export { default as User } from './user.svg'; +export { default as Upload } from './v2/arrow-up-tray.svg'; +export { default as User } from './v2/user-circle.svg'; export { default as UserAdd } from './userAdd.svg'; -export { default as Users } from './users.svg'; +export { default as Users } from './v2/users.svg'; diff --git a/packages/ui/src/icons/information-circle.svg b/packages/ui/src/icons/information-circle.svg deleted file mode 100644 index 9ab89bd3d21..00000000000 --- a/packages/ui/src/icons/information-circle.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - diff --git a/packages/ui/src/icons/link.svg b/packages/ui/src/icons/link.svg deleted file mode 100644 index d33f12d24c7..00000000000 --- a/packages/ui/src/icons/link.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/lock-closed.svg b/packages/ui/src/icons/lock-closed.svg deleted file mode 100644 index 87c5d0551b0..00000000000 --- a/packages/ui/src/icons/lock-closed.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/lock-dotted-circle.svg b/packages/ui/src/icons/lock-dotted-circle.svg deleted file mode 100644 index be747bfe6a1..00000000000 --- a/packages/ui/src/icons/lock-dotted-circle.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/logo-mark.svg b/packages/ui/src/icons/logo-mark.svg deleted file mode 100644 index 9144580157a..00000000000 --- a/packages/ui/src/icons/logo-mark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/magnifying-glass.svg b/packages/ui/src/icons/magnifying-glass.svg deleted file mode 100644 index 324be823f55..00000000000 --- a/packages/ui/src/icons/magnifying-glass.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/menu.svg b/packages/ui/src/icons/menu.svg deleted file mode 100644 index df5286567c4..00000000000 --- a/packages/ui/src/icons/menu.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/mobile-small.svg b/packages/ui/src/icons/mobile-small.svg deleted file mode 100644 index a0f8dea5ff3..00000000000 --- a/packages/ui/src/icons/mobile-small.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/mobile.svg b/packages/ui/src/icons/mobile.svg deleted file mode 100644 index 1dab9108294..00000000000 --- a/packages/ui/src/icons/mobile.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/organization.svg b/packages/ui/src/icons/organization.svg deleted file mode 100644 index b6805934215..00000000000 --- a/packages/ui/src/icons/organization.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/pencil-edit.svg b/packages/ui/src/icons/pencil-edit.svg deleted file mode 100644 index 95ff9c51189..00000000000 --- a/packages/ui/src/icons/pencil-edit.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/packages/ui/src/icons/plans.svg b/packages/ui/src/icons/plans.svg deleted file mode 100644 index c295f844939..00000000000 --- a/packages/ui/src/icons/plans.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/ui/src/icons/plus.svg b/packages/ui/src/icons/plus.svg deleted file mode 100644 index d092fab0655..00000000000 --- a/packages/ui/src/icons/plus.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/print.svg b/packages/ui/src/icons/print.svg deleted file mode 100644 index 43942aef746..00000000000 --- a/packages/ui/src/icons/print.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/request-auth.svg b/packages/ui/src/icons/request-auth.svg deleted file mode 100644 index 8ac7ea863e9..00000000000 --- a/packages/ui/src/icons/request-auth.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/rotate-left-right.svg b/packages/ui/src/icons/rotate-left-right.svg deleted file mode 100644 index b9262da6fbb..00000000000 --- a/packages/ui/src/icons/rotate-left-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/packages/ui/src/icons/signout.svg b/packages/ui/src/icons/signout.svg deleted file mode 100644 index 73478e021c0..00000000000 --- a/packages/ui/src/icons/signout.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/spinner-jumbo.svg b/packages/ui/src/icons/spinner-jumbo.svg deleted file mode 100644 index bd1d69c9c0b..00000000000 --- a/packages/ui/src/icons/spinner-jumbo.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/packages/ui/src/icons/switch-arrow-right.svg b/packages/ui/src/icons/switch-arrow-right.svg deleted file mode 100644 index 0e5bbd1f1c1..00000000000 --- a/packages/ui/src/icons/switch-arrow-right.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/switch-arrows.svg b/packages/ui/src/icons/switch-arrows.svg deleted file mode 100644 index bc00400b7e2..00000000000 --- a/packages/ui/src/icons/switch-arrows.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/threeDots.svg b/packages/ui/src/icons/threeDots.svg deleted file mode 100644 index 69dadcaa066..00000000000 --- a/packages/ui/src/icons/threeDots.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/packages/ui/src/icons/tick-shield.svg b/packages/ui/src/icons/tick-shield.svg deleted file mode 100644 index b70c56ceae0..00000000000 --- a/packages/ui/src/icons/tick-shield.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/ui/src/icons/upload.svg b/packages/ui/src/icons/upload.svg deleted file mode 100644 index 794924db521..00000000000 --- a/packages/ui/src/icons/upload.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/ui/src/icons/user.svg b/packages/ui/src/icons/user.svg deleted file mode 100644 index bcc34ec9cf6..00000000000 --- a/packages/ui/src/icons/user.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/packages/ui/src/icons/users.svg b/packages/ui/src/icons/users.svg deleted file mode 100644 index 4bf0e1af2c3..00000000000 --- a/packages/ui/src/icons/users.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/ui/src/icons/v2-migration-backlog.md b/packages/ui/src/icons/v2-migration-backlog.md new file mode 100644 index 00000000000..1989b1c5a79 --- /dev/null +++ b/packages/ui/src/icons/v2-migration-backlog.md @@ -0,0 +1,7 @@ +# V2 Icon Migration Backlog + +These exports intentionally remain on `v1` for now: + +- `DeviceLaptop` +- `DeviceMobile` +- `LogoMark` diff --git a/packages/ui/src/icons/v2/archive.svg b/packages/ui/src/icons/v2/archive.svg new file mode 100644 index 00000000000..8881219c5b0 --- /dev/null +++ b/packages/ui/src/icons/v2/archive.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-down-tray.svg b/packages/ui/src/icons/v2/arrow-down-tray.svg new file mode 100644 index 00000000000..1fdc29f898f --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-down-tray.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-down.svg b/packages/ui/src/icons/v2/arrow-down.svg new file mode 100644 index 00000000000..d10307fc741 --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-left-bottom.svg b/packages/ui/src/icons/v2/arrow-left-bottom.svg new file mode 100644 index 00000000000..b1f0f40765e --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-left-bottom.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-left-right.svg b/packages/ui/src/icons/v2/arrow-left-right.svg new file mode 100644 index 00000000000..028e2415fa1 --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-left-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-left-top.svg b/packages/ui/src/icons/v2/arrow-left-top.svg new file mode 100644 index 00000000000..2436b6a50b9 --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-left-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-left.svg b/packages/ui/src/icons/v2/arrow-left.svg new file mode 100644 index 00000000000..8c1400f46ce --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-right-bottom.svg b/packages/ui/src/icons/v2/arrow-right-bottom.svg new file mode 100644 index 00000000000..03cbaa5729a --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-right-bottom.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-right-top.svg b/packages/ui/src/icons/v2/arrow-right-top.svg new file mode 100644 index 00000000000..c7f914bd224 --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-right-top.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-right.svg b/packages/ui/src/icons/v2/arrow-right.svg new file mode 100644 index 00000000000..d2e91244e2f --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-up-down.svg b/packages/ui/src/icons/v2/arrow-up-down.svg new file mode 100644 index 00000000000..c84465ea63c --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-up-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-up-tray.svg b/packages/ui/src/icons/v2/arrow-up-tray.svg new file mode 100644 index 00000000000..6a8d5aedd50 --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-up-tray.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/arrow-up.svg b/packages/ui/src/icons/v2/arrow-up.svg new file mode 100644 index 00000000000..62d46d2ec2f --- /dev/null +++ b/packages/ui/src/icons/v2/arrow-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/auth-app.svg b/packages/ui/src/icons/v2/auth-app.svg new file mode 100644 index 00000000000..20922556c5c --- /dev/null +++ b/packages/ui/src/icons/v2/auth-app.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/block.svg b/packages/ui/src/icons/v2/block.svg new file mode 100644 index 00000000000..90893b87ff2 --- /dev/null +++ b/packages/ui/src/icons/v2/block.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/building.svg b/packages/ui/src/icons/v2/building.svg new file mode 100644 index 00000000000..9dd8372cc21 --- /dev/null +++ b/packages/ui/src/icons/v2/building.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/checkmark-circle.svg b/packages/ui/src/icons/v2/checkmark-circle.svg new file mode 100644 index 00000000000..3e85a9c3012 --- /dev/null +++ b/packages/ui/src/icons/v2/checkmark-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/checkmark.svg b/packages/ui/src/icons/v2/checkmark.svg new file mode 100644 index 00000000000..6956eb96fc7 --- /dev/null +++ b/packages/ui/src/icons/v2/checkmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/chevron-down.svg b/packages/ui/src/icons/v2/chevron-down.svg new file mode 100644 index 00000000000..9a8d750d5d0 --- /dev/null +++ b/packages/ui/src/icons/v2/chevron-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/chevron-left.svg b/packages/ui/src/icons/v2/chevron-left.svg new file mode 100644 index 00000000000..7154a053cf1 --- /dev/null +++ b/packages/ui/src/icons/v2/chevron-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/chevron-right.svg b/packages/ui/src/icons/v2/chevron-right.svg new file mode 100644 index 00000000000..9657ae20ac2 --- /dev/null +++ b/packages/ui/src/icons/v2/chevron-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/chevron-up-down.svg b/packages/ui/src/icons/v2/chevron-up-down.svg new file mode 100644 index 00000000000..e2d7ade5148 --- /dev/null +++ b/packages/ui/src/icons/v2/chevron-up-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/chevron-up.svg b/packages/ui/src/icons/v2/chevron-up.svg new file mode 100644 index 00000000000..29fd2ee8f1f --- /dev/null +++ b/packages/ui/src/icons/v2/chevron-up.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/clipboard.svg b/packages/ui/src/icons/v2/clipboard.svg new file mode 100644 index 00000000000..d2e15d578b3 --- /dev/null +++ b/packages/ui/src/icons/v2/clipboard.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/close.svg b/packages/ui/src/icons/v2/close.svg new file mode 100644 index 00000000000..b57616f2dea --- /dev/null +++ b/packages/ui/src/icons/v2/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/code.svg b/packages/ui/src/icons/v2/code.svg new file mode 100644 index 00000000000..16dc635f57d --- /dev/null +++ b/packages/ui/src/icons/v2/code.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/cog.svg b/packages/ui/src/icons/v2/cog.svg new file mode 100644 index 00000000000..abef39997ad --- /dev/null +++ b/packages/ui/src/icons/v2/cog.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/copy.svg b/packages/ui/src/icons/v2/copy.svg new file mode 100644 index 00000000000..23b4419bdfb --- /dev/null +++ b/packages/ui/src/icons/v2/copy.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/credit-card.svg b/packages/ui/src/icons/v2/credit-card.svg new file mode 100644 index 00000000000..90b05480eae --- /dev/null +++ b/packages/ui/src/icons/v2/credit-card.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/envelope.svg b/packages/ui/src/icons/v2/envelope.svg new file mode 100644 index 00000000000..0c1cb213700 --- /dev/null +++ b/packages/ui/src/icons/v2/envelope.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/exclamation-circle.svg b/packages/ui/src/icons/v2/exclamation-circle.svg new file mode 100644 index 00000000000..5dc92cab338 --- /dev/null +++ b/packages/ui/src/icons/v2/exclamation-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/exclamation-triangle.svg b/packages/ui/src/icons/v2/exclamation-triangle.svg new file mode 100644 index 00000000000..1920ea6527d --- /dev/null +++ b/packages/ui/src/icons/v2/exclamation-triangle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/eye-slash.svg b/packages/ui/src/icons/v2/eye-slash.svg new file mode 100644 index 00000000000..528faa9c7de --- /dev/null +++ b/packages/ui/src/icons/v2/eye-slash.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/eye.svg b/packages/ui/src/icons/v2/eye.svg new file mode 100644 index 00000000000..2e55b8c800c --- /dev/null +++ b/packages/ui/src/icons/v2/eye.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/ui/src/icons/v2/files.svg b/packages/ui/src/icons/v2/files.svg new file mode 100644 index 00000000000..1ceea9e0d30 --- /dev/null +++ b/packages/ui/src/icons/v2/files.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/fingerprint.svg b/packages/ui/src/icons/v2/fingerprint.svg new file mode 100644 index 00000000000..805da1d3ae2 --- /dev/null +++ b/packages/ui/src/icons/v2/fingerprint.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/information-circle.svg b/packages/ui/src/icons/v2/information-circle.svg new file mode 100644 index 00000000000..4c09661a6dd --- /dev/null +++ b/packages/ui/src/icons/v2/information-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/link.svg b/packages/ui/src/icons/v2/link.svg new file mode 100644 index 00000000000..bd28e1beb1b --- /dev/null +++ b/packages/ui/src/icons/v2/link.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/lock-arrow.svg b/packages/ui/src/icons/v2/lock-arrow.svg new file mode 100644 index 00000000000..0e81a50aa82 --- /dev/null +++ b/packages/ui/src/icons/v2/lock-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/lock-dotted-circle.svg b/packages/ui/src/icons/v2/lock-dotted-circle.svg new file mode 100644 index 00000000000..af822940e62 --- /dev/null +++ b/packages/ui/src/icons/v2/lock-dotted-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/lock.svg b/packages/ui/src/icons/v2/lock.svg new file mode 100644 index 00000000000..9774a5ef5c7 --- /dev/null +++ b/packages/ui/src/icons/v2/lock.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/magnifying-glass.svg b/packages/ui/src/icons/v2/magnifying-glass.svg new file mode 100644 index 00000000000..92bafbc3e5c --- /dev/null +++ b/packages/ui/src/icons/v2/magnifying-glass.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/menu.svg b/packages/ui/src/icons/v2/menu.svg new file mode 100644 index 00000000000..a23fb22c9ee --- /dev/null +++ b/packages/ui/src/icons/v2/menu.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/mobile.svg b/packages/ui/src/icons/v2/mobile.svg new file mode 100644 index 00000000000..5cd8aaa8b70 --- /dev/null +++ b/packages/ui/src/icons/v2/mobile.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/pen.svg b/packages/ui/src/icons/v2/pen.svg new file mode 100644 index 00000000000..bc36aa97638 --- /dev/null +++ b/packages/ui/src/icons/v2/pen.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/plus.svg b/packages/ui/src/icons/v2/plus.svg new file mode 100644 index 00000000000..24ecd64be09 --- /dev/null +++ b/packages/ui/src/icons/v2/plus.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/print.svg b/packages/ui/src/icons/v2/print.svg new file mode 100644 index 00000000000..37d68a6f5bc --- /dev/null +++ b/packages/ui/src/icons/v2/print.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/rotate-left-right.svg b/packages/ui/src/icons/v2/rotate-left-right.svg new file mode 100644 index 00000000000..ada31eb758c --- /dev/null +++ b/packages/ui/src/icons/v2/rotate-left-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/shield-check.svg b/packages/ui/src/icons/v2/shield-check.svg new file mode 100644 index 00000000000..ce9dbc4418f --- /dev/null +++ b/packages/ui/src/icons/v2/shield-check.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/sign-out.svg b/packages/ui/src/icons/v2/sign-out.svg new file mode 100644 index 00000000000..5bf54848fca --- /dev/null +++ b/packages/ui/src/icons/v2/sign-out.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/speech-bubble.svg b/packages/ui/src/icons/v2/speech-bubble.svg new file mode 100644 index 00000000000..ec5ced517f2 --- /dev/null +++ b/packages/ui/src/icons/v2/speech-bubble.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/icons/v2/spinner.svg b/packages/ui/src/icons/v2/spinner.svg new file mode 100644 index 00000000000..881d003e8d4 --- /dev/null +++ b/packages/ui/src/icons/v2/spinner.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/packages/ui/src/icons/v2/three-dots-circle.svg b/packages/ui/src/icons/v2/three-dots-circle.svg new file mode 100644 index 00000000000..c7bc739ddeb --- /dev/null +++ b/packages/ui/src/icons/v2/three-dots-circle.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/ui/src/icons/v2/three-dots.svg b/packages/ui/src/icons/v2/three-dots.svg new file mode 100644 index 00000000000..d6b27454b70 --- /dev/null +++ b/packages/ui/src/icons/v2/three-dots.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/triangle-right.svg b/packages/ui/src/icons/v2/triangle-right.svg new file mode 100644 index 00000000000..50afcfe3dad --- /dev/null +++ b/packages/ui/src/icons/v2/triangle-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/user-circle.svg b/packages/ui/src/icons/v2/user-circle.svg new file mode 100644 index 00000000000..ef4c54147a1 --- /dev/null +++ b/packages/ui/src/icons/v2/user-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/icons/v2/users.svg b/packages/ui/src/icons/v2/users.svg new file mode 100644 index 00000000000..79a4c2de63e --- /dev/null +++ b/packages/ui/src/icons/v2/users.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/ui/src/primitives/Button.tsx b/packages/ui/src/primitives/Button.tsx index 28d1eb2ad68..78d98a5517e 100644 --- a/packages/ui/src/primitives/Button.tsx +++ b/packages/ui/src/primitives/Button.tsx @@ -181,8 +181,8 @@ const ButtonChildrenWithArrow = ({ children }: PropsWithChildren) => { icon={ArrowRightButtonIcon} sx={t => ({ marginInlineStart: t.space.$2, - width: t.sizes.$2x5, - height: t.sizes.$2x5, + width: t.sizes.$4, + height: t.sizes.$4, opacity: t.opacity.$inactive, '[dir="rtl"] &': { transform: 'scaleX(-1)', From 1c9a39e62005ac64dbda3dad50196f935d73adc4 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 15 Apr 2026 12:24:24 -0400 Subject: [PATCH 02/10] move up a level --- packages/ui/src/icons/{v2 => }/archive.svg | 0 .../ui/src/icons/{v2 => }/arrow-down-tray.svg | 0 packages/ui/src/icons/{v2 => }/arrow-down.svg | 0 .../src/icons/{v2 => }/arrow-left-bottom.svg | 0 .../src/icons/{v2 => }/arrow-left-right.svg | 0 .../ui/src/icons/{v2 => }/arrow-left-top.svg | 0 packages/ui/src/icons/{v2 => }/arrow-left.svg | 0 .../src/icons/{v2 => }/arrow-right-bottom.svg | 0 .../ui/src/icons/{v2 => }/arrow-right-top.svg | 0 .../ui/src/icons/{v2 => }/arrow-right.svg | 0 .../ui/src/icons/{v2 => }/arrow-up-down.svg | 0 .../ui/src/icons/{v2 => }/arrow-up-tray.svg | 0 packages/ui/src/icons/{v2 => }/arrow-up.svg | 0 packages/ui/src/icons/{v2 => }/auth-app.svg | 0 packages/ui/src/icons/{v2 => }/block.svg | 0 packages/ui/src/icons/{v2 => }/building.svg | 0 .../src/icons/{v2 => }/checkmark-circle.svg | 0 packages/ui/src/icons/{v2 => }/checkmark.svg | 0 .../ui/src/icons/{v2 => }/chevron-down.svg | 0 .../ui/src/icons/{v2 => }/chevron-left.svg | 0 .../ui/src/icons/{v2 => }/chevron-right.svg | 0 .../ui/src/icons/{v2 => }/chevron-up-down.svg | 0 packages/ui/src/icons/{v2 => }/chevron-up.svg | 0 packages/ui/src/icons/{v2 => }/clipboard.svg | 0 packages/ui/src/icons/{v2 => }/close.svg | 0 packages/ui/src/icons/{v2 => }/code.svg | 0 packages/ui/src/icons/{v2 => }/cog.svg | 0 packages/ui/src/icons/{v2 => }/copy.svg | 0 .../ui/src/icons/{v2 => }/credit-card.svg | 0 packages/ui/src/icons/{v2 => }/envelope.svg | 0 .../src/icons/{v2 => }/exclamation-circle.svg | 0 .../icons/{v2 => }/exclamation-triangle.svg | 0 packages/ui/src/icons/{v2 => }/eye-slash.svg | 0 packages/ui/src/icons/{v2 => }/eye.svg | 0 packages/ui/src/icons/{v2 => }/files.svg | 0 .../ui/src/icons/{v2 => }/fingerprint.svg | 0 packages/ui/src/icons/index.ts | 104 +++++++++--------- .../src/icons/{v2 => }/information-circle.svg | 0 packages/ui/src/icons/{v2 => }/link.svg | 0 packages/ui/src/icons/{v2 => }/lock-arrow.svg | 0 .../src/icons/{v2 => }/lock-dotted-circle.svg | 0 packages/ui/src/icons/{v2 => }/lock.svg | 0 .../src/icons/{v2 => }/magnifying-glass.svg | 0 packages/ui/src/icons/{v2 => }/menu.svg | 0 packages/ui/src/icons/{v2 => }/mobile.svg | 0 packages/ui/src/icons/{v2 => }/pen.svg | 0 packages/ui/src/icons/{v2 => }/plus.svg | 0 packages/ui/src/icons/{v2 => }/print.svg | 0 .../src/icons/{v2 => }/rotate-left-right.svg | 0 .../ui/src/icons/{v2 => }/shield-check.svg | 0 packages/ui/src/icons/{v2 => }/sign-out.svg | 0 .../ui/src/icons/{v2 => }/speech-bubble.svg | 0 packages/ui/src/icons/{v2 => }/spinner.svg | 0 .../src/icons/{v2 => }/three-dots-circle.svg | 0 packages/ui/src/icons/{v2 => }/three-dots.svg | 0 .../ui/src/icons/{v2 => }/triangle-right.svg | 0 .../ui/src/icons/{v2 => }/user-circle.svg | 0 packages/ui/src/icons/{v2 => }/users.svg | 0 58 files changed, 52 insertions(+), 52 deletions(-) rename packages/ui/src/icons/{v2 => }/archive.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-down-tray.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-down.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-left-bottom.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-left-right.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-left-top.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-left.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-right-bottom.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-right-top.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-right.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-up-down.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-up-tray.svg (100%) rename packages/ui/src/icons/{v2 => }/arrow-up.svg (100%) rename packages/ui/src/icons/{v2 => }/auth-app.svg (100%) rename packages/ui/src/icons/{v2 => }/block.svg (100%) rename packages/ui/src/icons/{v2 => }/building.svg (100%) rename packages/ui/src/icons/{v2 => }/checkmark-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/checkmark.svg (100%) rename packages/ui/src/icons/{v2 => }/chevron-down.svg (100%) rename packages/ui/src/icons/{v2 => }/chevron-left.svg (100%) rename packages/ui/src/icons/{v2 => }/chevron-right.svg (100%) rename packages/ui/src/icons/{v2 => }/chevron-up-down.svg (100%) rename packages/ui/src/icons/{v2 => }/chevron-up.svg (100%) rename packages/ui/src/icons/{v2 => }/clipboard.svg (100%) rename packages/ui/src/icons/{v2 => }/close.svg (100%) rename packages/ui/src/icons/{v2 => }/code.svg (100%) rename packages/ui/src/icons/{v2 => }/cog.svg (100%) rename packages/ui/src/icons/{v2 => }/copy.svg (100%) rename packages/ui/src/icons/{v2 => }/credit-card.svg (100%) rename packages/ui/src/icons/{v2 => }/envelope.svg (100%) rename packages/ui/src/icons/{v2 => }/exclamation-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/exclamation-triangle.svg (100%) rename packages/ui/src/icons/{v2 => }/eye-slash.svg (100%) rename packages/ui/src/icons/{v2 => }/eye.svg (100%) rename packages/ui/src/icons/{v2 => }/files.svg (100%) rename packages/ui/src/icons/{v2 => }/fingerprint.svg (100%) rename packages/ui/src/icons/{v2 => }/information-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/link.svg (100%) rename packages/ui/src/icons/{v2 => }/lock-arrow.svg (100%) rename packages/ui/src/icons/{v2 => }/lock-dotted-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/lock.svg (100%) rename packages/ui/src/icons/{v2 => }/magnifying-glass.svg (100%) rename packages/ui/src/icons/{v2 => }/menu.svg (100%) rename packages/ui/src/icons/{v2 => }/mobile.svg (100%) rename packages/ui/src/icons/{v2 => }/pen.svg (100%) rename packages/ui/src/icons/{v2 => }/plus.svg (100%) rename packages/ui/src/icons/{v2 => }/print.svg (100%) rename packages/ui/src/icons/{v2 => }/rotate-left-right.svg (100%) rename packages/ui/src/icons/{v2 => }/shield-check.svg (100%) rename packages/ui/src/icons/{v2 => }/sign-out.svg (100%) rename packages/ui/src/icons/{v2 => }/speech-bubble.svg (100%) rename packages/ui/src/icons/{v2 => }/spinner.svg (100%) rename packages/ui/src/icons/{v2 => }/three-dots-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/three-dots.svg (100%) rename packages/ui/src/icons/{v2 => }/triangle-right.svg (100%) rename packages/ui/src/icons/{v2 => }/user-circle.svg (100%) rename packages/ui/src/icons/{v2 => }/users.svg (100%) diff --git a/packages/ui/src/icons/v2/archive.svg b/packages/ui/src/icons/archive.svg similarity index 100% rename from packages/ui/src/icons/v2/archive.svg rename to packages/ui/src/icons/archive.svg diff --git a/packages/ui/src/icons/v2/arrow-down-tray.svg b/packages/ui/src/icons/arrow-down-tray.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-down-tray.svg rename to packages/ui/src/icons/arrow-down-tray.svg diff --git a/packages/ui/src/icons/v2/arrow-down.svg b/packages/ui/src/icons/arrow-down.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-down.svg rename to packages/ui/src/icons/arrow-down.svg diff --git a/packages/ui/src/icons/v2/arrow-left-bottom.svg b/packages/ui/src/icons/arrow-left-bottom.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-left-bottom.svg rename to packages/ui/src/icons/arrow-left-bottom.svg diff --git a/packages/ui/src/icons/v2/arrow-left-right.svg b/packages/ui/src/icons/arrow-left-right.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-left-right.svg rename to packages/ui/src/icons/arrow-left-right.svg diff --git a/packages/ui/src/icons/v2/arrow-left-top.svg b/packages/ui/src/icons/arrow-left-top.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-left-top.svg rename to packages/ui/src/icons/arrow-left-top.svg diff --git a/packages/ui/src/icons/v2/arrow-left.svg b/packages/ui/src/icons/arrow-left.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-left.svg rename to packages/ui/src/icons/arrow-left.svg diff --git a/packages/ui/src/icons/v2/arrow-right-bottom.svg b/packages/ui/src/icons/arrow-right-bottom.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-right-bottom.svg rename to packages/ui/src/icons/arrow-right-bottom.svg diff --git a/packages/ui/src/icons/v2/arrow-right-top.svg b/packages/ui/src/icons/arrow-right-top.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-right-top.svg rename to packages/ui/src/icons/arrow-right-top.svg diff --git a/packages/ui/src/icons/v2/arrow-right.svg b/packages/ui/src/icons/arrow-right.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-right.svg rename to packages/ui/src/icons/arrow-right.svg diff --git a/packages/ui/src/icons/v2/arrow-up-down.svg b/packages/ui/src/icons/arrow-up-down.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-up-down.svg rename to packages/ui/src/icons/arrow-up-down.svg diff --git a/packages/ui/src/icons/v2/arrow-up-tray.svg b/packages/ui/src/icons/arrow-up-tray.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-up-tray.svg rename to packages/ui/src/icons/arrow-up-tray.svg diff --git a/packages/ui/src/icons/v2/arrow-up.svg b/packages/ui/src/icons/arrow-up.svg similarity index 100% rename from packages/ui/src/icons/v2/arrow-up.svg rename to packages/ui/src/icons/arrow-up.svg diff --git a/packages/ui/src/icons/v2/auth-app.svg b/packages/ui/src/icons/auth-app.svg similarity index 100% rename from packages/ui/src/icons/v2/auth-app.svg rename to packages/ui/src/icons/auth-app.svg diff --git a/packages/ui/src/icons/v2/block.svg b/packages/ui/src/icons/block.svg similarity index 100% rename from packages/ui/src/icons/v2/block.svg rename to packages/ui/src/icons/block.svg diff --git a/packages/ui/src/icons/v2/building.svg b/packages/ui/src/icons/building.svg similarity index 100% rename from packages/ui/src/icons/v2/building.svg rename to packages/ui/src/icons/building.svg diff --git a/packages/ui/src/icons/v2/checkmark-circle.svg b/packages/ui/src/icons/checkmark-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/checkmark-circle.svg rename to packages/ui/src/icons/checkmark-circle.svg diff --git a/packages/ui/src/icons/v2/checkmark.svg b/packages/ui/src/icons/checkmark.svg similarity index 100% rename from packages/ui/src/icons/v2/checkmark.svg rename to packages/ui/src/icons/checkmark.svg diff --git a/packages/ui/src/icons/v2/chevron-down.svg b/packages/ui/src/icons/chevron-down.svg similarity index 100% rename from packages/ui/src/icons/v2/chevron-down.svg rename to packages/ui/src/icons/chevron-down.svg diff --git a/packages/ui/src/icons/v2/chevron-left.svg b/packages/ui/src/icons/chevron-left.svg similarity index 100% rename from packages/ui/src/icons/v2/chevron-left.svg rename to packages/ui/src/icons/chevron-left.svg diff --git a/packages/ui/src/icons/v2/chevron-right.svg b/packages/ui/src/icons/chevron-right.svg similarity index 100% rename from packages/ui/src/icons/v2/chevron-right.svg rename to packages/ui/src/icons/chevron-right.svg diff --git a/packages/ui/src/icons/v2/chevron-up-down.svg b/packages/ui/src/icons/chevron-up-down.svg similarity index 100% rename from packages/ui/src/icons/v2/chevron-up-down.svg rename to packages/ui/src/icons/chevron-up-down.svg diff --git a/packages/ui/src/icons/v2/chevron-up.svg b/packages/ui/src/icons/chevron-up.svg similarity index 100% rename from packages/ui/src/icons/v2/chevron-up.svg rename to packages/ui/src/icons/chevron-up.svg diff --git a/packages/ui/src/icons/v2/clipboard.svg b/packages/ui/src/icons/clipboard.svg similarity index 100% rename from packages/ui/src/icons/v2/clipboard.svg rename to packages/ui/src/icons/clipboard.svg diff --git a/packages/ui/src/icons/v2/close.svg b/packages/ui/src/icons/close.svg similarity index 100% rename from packages/ui/src/icons/v2/close.svg rename to packages/ui/src/icons/close.svg diff --git a/packages/ui/src/icons/v2/code.svg b/packages/ui/src/icons/code.svg similarity index 100% rename from packages/ui/src/icons/v2/code.svg rename to packages/ui/src/icons/code.svg diff --git a/packages/ui/src/icons/v2/cog.svg b/packages/ui/src/icons/cog.svg similarity index 100% rename from packages/ui/src/icons/v2/cog.svg rename to packages/ui/src/icons/cog.svg diff --git a/packages/ui/src/icons/v2/copy.svg b/packages/ui/src/icons/copy.svg similarity index 100% rename from packages/ui/src/icons/v2/copy.svg rename to packages/ui/src/icons/copy.svg diff --git a/packages/ui/src/icons/v2/credit-card.svg b/packages/ui/src/icons/credit-card.svg similarity index 100% rename from packages/ui/src/icons/v2/credit-card.svg rename to packages/ui/src/icons/credit-card.svg diff --git a/packages/ui/src/icons/v2/envelope.svg b/packages/ui/src/icons/envelope.svg similarity index 100% rename from packages/ui/src/icons/v2/envelope.svg rename to packages/ui/src/icons/envelope.svg diff --git a/packages/ui/src/icons/v2/exclamation-circle.svg b/packages/ui/src/icons/exclamation-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/exclamation-circle.svg rename to packages/ui/src/icons/exclamation-circle.svg diff --git a/packages/ui/src/icons/v2/exclamation-triangle.svg b/packages/ui/src/icons/exclamation-triangle.svg similarity index 100% rename from packages/ui/src/icons/v2/exclamation-triangle.svg rename to packages/ui/src/icons/exclamation-triangle.svg diff --git a/packages/ui/src/icons/v2/eye-slash.svg b/packages/ui/src/icons/eye-slash.svg similarity index 100% rename from packages/ui/src/icons/v2/eye-slash.svg rename to packages/ui/src/icons/eye-slash.svg diff --git a/packages/ui/src/icons/v2/eye.svg b/packages/ui/src/icons/eye.svg similarity index 100% rename from packages/ui/src/icons/v2/eye.svg rename to packages/ui/src/icons/eye.svg diff --git a/packages/ui/src/icons/v2/files.svg b/packages/ui/src/icons/files.svg similarity index 100% rename from packages/ui/src/icons/v2/files.svg rename to packages/ui/src/icons/files.svg diff --git a/packages/ui/src/icons/v2/fingerprint.svg b/packages/ui/src/icons/fingerprint.svg similarity index 100% rename from packages/ui/src/icons/v2/fingerprint.svg rename to packages/ui/src/icons/fingerprint.svg diff --git a/packages/ui/src/icons/index.ts b/packages/ui/src/icons/index.ts index 4ce9bd1a14c..342e613f16c 100644 --- a/packages/ui/src/icons/index.ts +++ b/packages/ui/src/icons/index.ts @@ -4,72 +4,72 @@ * Consequently, the files are correctly imported but the TS checker emits errors. * The above no-check is safe, as webpack will not allow compilation if for example a file is not resolved. */ -export { default as Add } from './v2/plus.svg'; +export { default as Add } from './plus.svg'; export { default as ApplePay } from './apple-pay.svg'; -export { default as ArrowLeftIcon } from './v2/arrow-left.svg'; -export { default as ArrowRightButtonIcon } from './v2/triangle-right.svg'; -export { default as ArrowRightIcon } from './v2/arrow-right.svg'; -export { default as ArrowsUpDown } from './v2/arrow-up-down.svg'; -export { default as AuthApp } from './v2/auth-app.svg'; +export { default as ArrowLeftIcon } from './arrow-left.svg'; +export { default as ArrowRightButtonIcon } from './triangle-right.svg'; +export { default as ArrowRightIcon } from './arrow-right.svg'; +export { default as ArrowsUpDown } from './arrow-up-down.svg'; +export { default as AuthApp } from './auth-app.svg'; export { default as Billing } from './billing.svg'; -export { default as Block } from './v2/block.svg'; +export { default as Block } from './block.svg'; export { default as Caret } from './caret.svg'; -export { default as CaretLeft } from './v2/chevron-left.svg'; -export { default as CaretRight } from './v2/chevron-right.svg'; -export { default as ChatAltIcon } from './v2/speech-bubble.svg'; -export { default as Check } from './v2/checkmark.svg'; -export { default as CheckCircle } from './v2/checkmark-circle.svg'; +export { default as CaretLeft } from './chevron-left.svg'; +export { default as CaretRight } from './chevron-right.svg'; +export { default as ChatAltIcon } from './speech-bubble.svg'; +export { default as Check } from './checkmark.svg'; +export { default as CheckCircle } from './checkmark-circle.svg'; export { default as CheckmarkFilled } from './checkmark-filled.svg'; -export { default as ChevronDown } from './v2/chevron-down.svg'; -export { default as ChevronUpDown } from './v2/chevron-up-down.svg'; -export { default as Clipboard } from './v2/clipboard.svg'; -export { default as ClipboardOutline } from './v2/clipboard.svg'; -export { default as Close } from './v2/close.svg'; -export { default as Code } from './v2/code.svg'; -export { default as CogFilled } from './v2/cog.svg'; -export { default as Copy } from './v2/copy.svg'; -export { default as CreditCard } from './v2/credit-card.svg'; +export { default as ChevronDown } from './chevron-down.svg'; +export { default as ChevronUpDown } from './chevron-up-down.svg'; +export { default as Clipboard } from './clipboard.svg'; +export { default as ClipboardOutline } from './clipboard.svg'; +export { default as Close } from './close.svg'; +export { default as Code } from './code.svg'; +export { default as CogFilled } from './cog.svg'; +export { default as Copy } from './copy.svg'; +export { default as CreditCard } from './credit-card.svg'; export { default as DeviceLaptop } from './device-laptop.svg'; export { default as DeviceMobile } from './device-mobile.svg'; export { default as DotCircle } from './dot-circle-horizontal.svg'; -export { default as Download } from './v2/arrow-down-tray.svg'; -export { default as Email } from './v2/envelope.svg'; -export { default as ExclamationCircle } from './v2/exclamation-circle.svg'; -export { default as ExclamationTriangle } from './v2/exclamation-triangle.svg'; -export { default as Eye } from './v2/eye.svg'; -export { default as EyeSlash } from './v2/eye-slash.svg'; -export { default as Fingerprint } from './v2/fingerprint.svg'; +export { default as Download } from './arrow-down-tray.svg'; +export { default as Email } from './envelope.svg'; +export { default as ExclamationCircle } from './exclamation-circle.svg'; +export { default as ExclamationTriangle } from './exclamation-triangle.svg'; +export { default as Eye } from './eye.svg'; +export { default as EyeSlash } from './eye-slash.svg'; +export { default as Fingerprint } from './fingerprint.svg'; export { default as Folder } from './folder.svg'; -export { default as GenericPayment } from './v2/archive.svg'; -export { default as InformationCircle } from './v2/information-circle.svg'; -export { default as LinkIcon } from './v2/link.svg'; -export { default as LockClosedIcon } from './v2/lock.svg'; -export { default as LockDottedCircle } from './v2/lock-dotted-circle.svg'; +export { default as GenericPayment } from './archive.svg'; +export { default as InformationCircle } from './information-circle.svg'; +export { default as LinkIcon } from './link.svg'; +export { default as LockClosedIcon } from './lock.svg'; +export { default as LockDottedCircle } from './lock-dotted-circle.svg'; export { default as LogoMark } from './logo-mark-new.svg'; -export { default as MagnifyingGlass } from './v2/magnifying-glass.svg'; -export { default as Menu } from './v2/menu.svg'; +export { default as MagnifyingGlass } from './magnifying-glass.svg'; +export { default as Menu } from './menu.svg'; export { default as Minus } from './minus.svg'; -export { default as Mobile } from './v2/mobile.svg'; -export { default as Organization } from './v2/building.svg'; +export { default as Mobile } from './mobile.svg'; +export { default as Organization } from './building.svg'; export { default as Pencil } from './pencil.svg'; -export { default as PencilEdit } from './v2/pen.svg'; -export { default as Plans } from './v2/files.svg'; -export { default as Plus } from './v2/plus.svg'; -export { default as Print } from './v2/print.svg'; +export { default as PencilEdit } from './pen.svg'; +export { default as Plans } from './files.svg'; +export { default as Plus } from './plus.svg'; +export { default as Print } from './print.svg'; export { default as QuestionMark } from './question-mark.svg'; -export { default as RequestAuthIcon } from './v2/lock-arrow.svg'; -export { default as RotateLeftRight } from './v2/rotate-left-right.svg'; +export { default as RequestAuthIcon } from './lock-arrow.svg'; +export { default as RotateLeftRight } from './rotate-left-right.svg'; export { default as Selector } from './selector.svg'; -export { default as SignOut } from './v2/sign-out.svg'; +export { default as SignOut } from './sign-out.svg'; export { default as SignOutDouble } from './signout-double.svg'; -export { default as SpinnerJumbo } from './v2/spinner.svg'; -export { default as SwitchArrowRight } from './v2/arrow-right.svg'; -export { default as SwitchArrows } from './v2/arrow-left-right.svg'; -export { default as ThreeDots } from './v2/three-dots.svg'; -export { default as TickShield } from './v2/shield-check.svg'; +export { default as SpinnerJumbo } from './spinner.svg'; +export { default as SwitchArrowRight } from './arrow-right.svg'; +export { default as SwitchArrows } from './arrow-left-right.svg'; +export { default as ThreeDots } from './three-dots.svg'; +export { default as TickShield } from './shield-check.svg'; export { default as Times } from './times.svg'; export { default as Trash } from './trash.svg'; -export { default as Upload } from './v2/arrow-up-tray.svg'; -export { default as User } from './v2/user-circle.svg'; +export { default as Upload } from './arrow-up-tray.svg'; +export { default as User } from './user-circle.svg'; export { default as UserAdd } from './userAdd.svg'; -export { default as Users } from './v2/users.svg'; +export { default as Users } from './users.svg'; diff --git a/packages/ui/src/icons/v2/information-circle.svg b/packages/ui/src/icons/information-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/information-circle.svg rename to packages/ui/src/icons/information-circle.svg diff --git a/packages/ui/src/icons/v2/link.svg b/packages/ui/src/icons/link.svg similarity index 100% rename from packages/ui/src/icons/v2/link.svg rename to packages/ui/src/icons/link.svg diff --git a/packages/ui/src/icons/v2/lock-arrow.svg b/packages/ui/src/icons/lock-arrow.svg similarity index 100% rename from packages/ui/src/icons/v2/lock-arrow.svg rename to packages/ui/src/icons/lock-arrow.svg diff --git a/packages/ui/src/icons/v2/lock-dotted-circle.svg b/packages/ui/src/icons/lock-dotted-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/lock-dotted-circle.svg rename to packages/ui/src/icons/lock-dotted-circle.svg diff --git a/packages/ui/src/icons/v2/lock.svg b/packages/ui/src/icons/lock.svg similarity index 100% rename from packages/ui/src/icons/v2/lock.svg rename to packages/ui/src/icons/lock.svg diff --git a/packages/ui/src/icons/v2/magnifying-glass.svg b/packages/ui/src/icons/magnifying-glass.svg similarity index 100% rename from packages/ui/src/icons/v2/magnifying-glass.svg rename to packages/ui/src/icons/magnifying-glass.svg diff --git a/packages/ui/src/icons/v2/menu.svg b/packages/ui/src/icons/menu.svg similarity index 100% rename from packages/ui/src/icons/v2/menu.svg rename to packages/ui/src/icons/menu.svg diff --git a/packages/ui/src/icons/v2/mobile.svg b/packages/ui/src/icons/mobile.svg similarity index 100% rename from packages/ui/src/icons/v2/mobile.svg rename to packages/ui/src/icons/mobile.svg diff --git a/packages/ui/src/icons/v2/pen.svg b/packages/ui/src/icons/pen.svg similarity index 100% rename from packages/ui/src/icons/v2/pen.svg rename to packages/ui/src/icons/pen.svg diff --git a/packages/ui/src/icons/v2/plus.svg b/packages/ui/src/icons/plus.svg similarity index 100% rename from packages/ui/src/icons/v2/plus.svg rename to packages/ui/src/icons/plus.svg diff --git a/packages/ui/src/icons/v2/print.svg b/packages/ui/src/icons/print.svg similarity index 100% rename from packages/ui/src/icons/v2/print.svg rename to packages/ui/src/icons/print.svg diff --git a/packages/ui/src/icons/v2/rotate-left-right.svg b/packages/ui/src/icons/rotate-left-right.svg similarity index 100% rename from packages/ui/src/icons/v2/rotate-left-right.svg rename to packages/ui/src/icons/rotate-left-right.svg diff --git a/packages/ui/src/icons/v2/shield-check.svg b/packages/ui/src/icons/shield-check.svg similarity index 100% rename from packages/ui/src/icons/v2/shield-check.svg rename to packages/ui/src/icons/shield-check.svg diff --git a/packages/ui/src/icons/v2/sign-out.svg b/packages/ui/src/icons/sign-out.svg similarity index 100% rename from packages/ui/src/icons/v2/sign-out.svg rename to packages/ui/src/icons/sign-out.svg diff --git a/packages/ui/src/icons/v2/speech-bubble.svg b/packages/ui/src/icons/speech-bubble.svg similarity index 100% rename from packages/ui/src/icons/v2/speech-bubble.svg rename to packages/ui/src/icons/speech-bubble.svg diff --git a/packages/ui/src/icons/v2/spinner.svg b/packages/ui/src/icons/spinner.svg similarity index 100% rename from packages/ui/src/icons/v2/spinner.svg rename to packages/ui/src/icons/spinner.svg diff --git a/packages/ui/src/icons/v2/three-dots-circle.svg b/packages/ui/src/icons/three-dots-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/three-dots-circle.svg rename to packages/ui/src/icons/three-dots-circle.svg diff --git a/packages/ui/src/icons/v2/three-dots.svg b/packages/ui/src/icons/three-dots.svg similarity index 100% rename from packages/ui/src/icons/v2/three-dots.svg rename to packages/ui/src/icons/three-dots.svg diff --git a/packages/ui/src/icons/v2/triangle-right.svg b/packages/ui/src/icons/triangle-right.svg similarity index 100% rename from packages/ui/src/icons/v2/triangle-right.svg rename to packages/ui/src/icons/triangle-right.svg diff --git a/packages/ui/src/icons/v2/user-circle.svg b/packages/ui/src/icons/user-circle.svg similarity index 100% rename from packages/ui/src/icons/v2/user-circle.svg rename to packages/ui/src/icons/user-circle.svg diff --git a/packages/ui/src/icons/v2/users.svg b/packages/ui/src/icons/users.svg similarity index 100% rename from packages/ui/src/icons/v2/users.svg rename to packages/ui/src/icons/users.svg From 0f9299bbf16940eba2bcc7489ee352b0c781af94 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 15 Apr 2026 12:35:40 -0400 Subject: [PATCH 03/10] fix gap --- packages/ui/src/elements/OrganizationPreview.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/elements/OrganizationPreview.tsx b/packages/ui/src/elements/OrganizationPreview.tsx index 472b9095393..9fa3c9eebfa 100644 --- a/packages/ui/src/elements/OrganizationPreview.tsx +++ b/packages/ui/src/elements/OrganizationPreview.tsx @@ -48,7 +48,7 @@ export const OrganizationPreview = (props: OrganizationPreviewProps) => { Date: Wed, 15 Apr 2026 13:12:13 -0400 Subject: [PATCH 04/10] add plus and add --- packages/ui/src/common/CreateOrganizationAction.tsx | 11 +++++++---- .../OrganizationSwitcher/OtherOrganizationActions.tsx | 2 ++ .../tasks/TaskSetupMfa/SmsCodeFlowScreen.tsx | 4 ++-- .../src/components/SignIn/SignInAccountSwitcher.tsx | 4 ++-- packages/ui/src/elements/Card/CardContent.tsx | 7 +------ packages/ui/src/elements/PhoneInput/index.tsx | 1 - packages/ui/src/icons/add.svg | 1 + packages/ui/src/icons/index.ts | 2 +- packages/ui/src/icons/v2-migration-backlog.md | 7 ------- 9 files changed, 16 insertions(+), 23 deletions(-) create mode 100644 packages/ui/src/icons/add.svg delete mode 100644 packages/ui/src/icons/v2-migration-backlog.md diff --git a/packages/ui/src/common/CreateOrganizationAction.tsx b/packages/ui/src/common/CreateOrganizationAction.tsx index 758162a6432..748d71b9cc7 100644 --- a/packages/ui/src/common/CreateOrganizationAction.tsx +++ b/packages/ui/src/common/CreateOrganizationAction.tsx @@ -1,11 +1,14 @@ import { useUser } from '@clerk/shared/react/index'; import { Action } from '../elements/Actions'; -import { Add } from '../icons'; +import { Plus } from '../icons'; -type CreateOrganizationActionProps = Omit, 'icon'>; +type CreateOrganizationActionProps = Omit, 'icon'> & { + icon?: React.ComponentProps['icon']; +}; export const CreateOrganizationAction = (props: CreateOrganizationActionProps) => { + const { icon = Plus, ...rest } = props; const { user } = useUser(); if (!user?.createOrganizationEnabled) { @@ -14,8 +17,8 @@ export const CreateOrganizationAction = (props: CreateOrganizationActionProps) = return ( ); }; diff --git a/packages/ui/src/components/OrganizationSwitcher/OtherOrganizationActions.tsx b/packages/ui/src/components/OrganizationSwitcher/OtherOrganizationActions.tsx index 49b426be030..d4f0c828f04 100644 --- a/packages/ui/src/components/OrganizationSwitcher/OtherOrganizationActions.tsx +++ b/packages/ui/src/components/OrganizationSwitcher/OtherOrganizationActions.tsx @@ -5,6 +5,7 @@ import { UserInvitationSuggestionList } from './UserInvitationSuggestionList'; import type { UserMembershipListProps } from './UserMembershipList'; import { UserMembershipList } from './UserMembershipList'; import { CreateOrganizationAction } from '@/common/CreateOrganizationAction'; +import { Add } from '@/icons'; export interface OrganizationActionListProps extends UserMembershipListProps { onCreateOrganizationClick: React.MouseEventHandler; @@ -21,6 +22,7 @@ const CreateOrganizationButton = ({ iconBoxElementId={descriptors.organizationSwitcherPopoverActionButtonIconBox.setId('createOrganization')} iconElementDescriptor={descriptors.organizationSwitcherPopoverActionButtonIcon} iconElementId={descriptors.organizationSwitcherPopoverActionButtonIcon.setId('createOrganization')} + icon={Add} label={localizationKeys('organizationSwitcher.action__createOrganization')} onClick={onCreateOrganizationClick} sx={t => ({ diff --git a/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/SmsCodeFlowScreen.tsx b/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/SmsCodeFlowScreen.tsx index f37c899cde5..ce3fe2c3ef5 100644 --- a/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/SmsCodeFlowScreen.tsx +++ b/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/SmsCodeFlowScreen.tsx @@ -10,7 +10,7 @@ import { Form } from '@/elements/Form'; import { FormButtonContainer } from '@/elements/FormButtons'; import { PreviewButton } from '@/elements/PreviewButton'; import { type VerificationCodeCardProps, VerificationCodeContent } from '@/elements/VerificationCodeCard'; -import { Add } from '@/icons'; +import { Plus } from '@/icons'; import { Button, Col, descriptors, Flex, Flow, localizationKeys, Text } from '@/ui/customizables'; import { Card } from '@/ui/elements/Card'; import { Header } from '@/ui/elements/Header'; @@ -321,7 +321,7 @@ const SmsCodeScreen = withCardStateProvider((props: SmsCodeScreenProps) => { label={localizationKeys('taskSetupMfa.smsCode.addPhoneNumber')} block onClick={onAddPhoneClick} - icon={Add} + icon={Plus} elementDescriptor={descriptors.taskSetupMfaPhoneSelectionAddPhoneAction} sx={t => ({ borderTopWidth: t.borderWidths.$normal, diff --git a/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx b/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx index 355cf79c9b0..725d213d1c9 100644 --- a/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx +++ b/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx @@ -8,7 +8,7 @@ import { UserPreview } from '@/ui/elements/UserPreview'; import { withRedirectToAfterSignIn } from '../../common'; import { useEnvironment, useSignInContext, useSignOutContext } from '../../contexts'; import { Col, descriptors, Flow, localizationKeys } from '../../customizables'; -import { Add, SwitchArrowRight } from '../../icons'; +import { Plus, SwitchArrowRight } from '../../icons'; import { SignOutAllActions } from '../UserButton/SessionActions'; import { useMultisessionActions } from '../UserButton/useMultisessionActions'; @@ -73,7 +73,7 @@ const SignInAccountSwitcherInternal = () => { iconBoxElementId={descriptors.accountSwitcherActionButtonIconBox.setId('addAccount')} iconElementDescriptor={descriptors.accountSwitcherActionButtonIcon} iconElementId={descriptors.accountSwitcherActionButtonIcon.setId('addAccount')} - icon={Add} + icon={Plus} label={localizationKeys('signIn.accountSwitcher.action__addAccount')} onClick={handleAddAccountClicked} iconSx={t => ({ diff --git a/packages/ui/src/elements/Card/CardContent.tsx b/packages/ui/src/elements/Card/CardContent.tsx index 5e3061d2b72..1f1bceb5f8e 100644 --- a/packages/ui/src/elements/Card/CardContent.tsx +++ b/packages/ui/src/elements/Card/CardContent.tsx @@ -60,12 +60,7 @@ export const CardContent = React.forwardRef((p variant='ghost' aria-label='Close modal' onClick={toggle} - icon={ - - } + icon={} sx={t => ({ color: t.colors.$colorMutedForeground, zIndex: t.zIndices.$modal, diff --git a/packages/ui/src/elements/PhoneInput/index.tsx b/packages/ui/src/elements/PhoneInput/index.tsx index 7882e0623be..5d73c3539c5 100644 --- a/packages/ui/src/elements/PhoneInput/index.tsx +++ b/packages/ui/src/elements/PhoneInput/index.tsx @@ -231,7 +231,6 @@ const CountryCodeListItem = memo((props: CountryCodeListItemProps) => { > \ No newline at end of file diff --git a/packages/ui/src/icons/index.ts b/packages/ui/src/icons/index.ts index 342e613f16c..9ae9779a43c 100644 --- a/packages/ui/src/icons/index.ts +++ b/packages/ui/src/icons/index.ts @@ -4,7 +4,7 @@ * Consequently, the files are correctly imported but the TS checker emits errors. * The above no-check is safe, as webpack will not allow compilation if for example a file is not resolved. */ -export { default as Add } from './plus.svg'; +export { default as Add } from './add.svg'; export { default as ApplePay } from './apple-pay.svg'; export { default as ArrowLeftIcon } from './arrow-left.svg'; export { default as ArrowRightButtonIcon } from './triangle-right.svg'; diff --git a/packages/ui/src/icons/v2-migration-backlog.md b/packages/ui/src/icons/v2-migration-backlog.md deleted file mode 100644 index 1989b1c5a79..00000000000 --- a/packages/ui/src/icons/v2-migration-backlog.md +++ /dev/null @@ -1,7 +0,0 @@ -# V2 Icon Migration Backlog - -These exports intentionally remain on `v1` for now: - -- `DeviceLaptop` -- `DeviceMobile` -- `LogoMark` From 04efa4a238f7c8d473ea6a9b662bcd91d5112e25 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 15 Apr 2026 13:14:16 -0400 Subject: [PATCH 05/10] add changeset --- .changeset/cozy-suns-heal.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/cozy-suns-heal.md diff --git a/.changeset/cozy-suns-heal.md b/.changeset/cozy-suns-heal.md new file mode 100644 index 00000000000..b78665d1aa8 --- /dev/null +++ b/.changeset/cozy-suns-heal.md @@ -0,0 +1,5 @@ +--- +'@clerk/ui': minor +--- + +Migrate to new icon set to create consistency across components. From 6d5805e3b8b014faa4ea7a371e17be7cf9205a7f Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Thu, 16 Apr 2026 12:20:05 -0400 Subject: [PATCH 06/10] rename component exports to match filenames --- .../ui/src/common/EmailLinkStatusCard.tsx | 6 +-- .../organizations/OrganizationPreview.tsx | 4 +- .../components/APIKeys/CopyAPIKeyModal.tsx | 6 +-- .../CreateOrganizationForm.tsx | 4 +- .../src/components/OAuthConsent/OrgSelect.tsx | 4 +- .../InviteMembersScreen.tsx | 4 +- .../OrganizationSwitcherPopover.tsx | 4 +- .../UserInvitationSuggestionList.tsx | 4 +- .../UserMembershipList.tsx | 6 +-- .../PaymentAttempts/PaymentAttemptPage.tsx | 4 +- .../PaymentMethods/PaymentMethodRow.tsx | 4 +- .../PricingTable/PricingTableDefault.tsx | 10 ++-- .../PricingTable/PricingTableMatrix.tsx | 4 +- .../CreateOrganizationScreen.tsx | 4 +- .../tasks/TaskSetupMfa/TOTPCodeFlowScreen.tsx | 6 +-- .../components/SignIn/AlternativeMethods.tsx | 14 ++--- .../SignIn/SignInAccountSwitcher.tsx | 4 +- .../src/components/Statements/Statement.tsx | 6 +-- .../components/Statements/StatementPage.tsx | 4 +- .../Subscriptions/SubscriptionsList.tsx | 8 +-- .../components/UserButton/SessionActions.tsx | 6 +-- .../UserProfile/MfaBackupCodeList.tsx | 6 +-- .../src/components/UserProfile/MfaSection.tsx | 6 +-- .../UserVerification/AlternativeMethods.tsx | 10 ++-- .../src/components/Waitlist/WaitlistForm.tsx | 4 +- packages/ui/src/elements/ArrowBlockButton.tsx | 4 +- packages/ui/src/elements/ClipboardInput.tsx | 4 +- packages/ui/src/elements/Header.tsx | 4 +- packages/ui/src/elements/IdentityPreview.tsx | 4 +- packages/ui/src/elements/LineItems.tsx | 4 +- packages/ui/src/elements/Pagination.tsx | 6 +-- packages/ui/src/elements/PhoneInput/index.tsx | 4 +- packages/ui/src/icons/index.ts | 52 +++++++++---------- packages/ui/src/primitives/Button.tsx | 4 +- .../ui/src/primitives/FormSuccessText.tsx | 4 +- .../ui/src/utils/createCustomMenuItems.tsx | 4 +- packages/ui/src/utils/createCustomPages.tsx | 8 +-- 37 files changed, 121 insertions(+), 123 deletions(-) diff --git a/packages/ui/src/common/EmailLinkStatusCard.tsx b/packages/ui/src/common/EmailLinkStatusCard.tsx index dabd2128d3c..a6350be2731 100644 --- a/packages/ui/src/common/EmailLinkStatusCard.tsx +++ b/packages/ui/src/common/EmailLinkStatusCard.tsx @@ -6,7 +6,7 @@ import { Col, descriptors, Flex, Flow, Icon, localizationKeys, Spinner, Text } f import { Card } from '../elements/Card'; import { useCardState } from '../elements/contexts'; import { Header } from '../elements/Header'; -import { ExclamationTriangle, SwitchArrows, TickShield } from '../icons'; +import { ArrowLeftRight, ExclamationTriangle, ShieldCheck } from '../icons'; import type { InternalTheme } from '../styledSystem'; import { animations } from '../styledSystem'; @@ -19,8 +19,8 @@ type EmailLinkStatusCardProps = React.PropsWithChildren<{ }>; const StatusToIcon: Record, React.ComponentType> = { - verified: TickShield, - verified_switch_tab: SwitchArrows, + verified: ShieldCheck, + verified_switch_tab: ArrowLeftRight, expired: ExclamationTriangle, failed: ExclamationTriangle, client_mismatch: ExclamationTriangle, diff --git a/packages/ui/src/common/organizations/OrganizationPreview.tsx b/packages/ui/src/common/organizations/OrganizationPreview.tsx index 7fa78eb8fac..52dbccd67c5 100644 --- a/packages/ui/src/common/organizations/OrganizationPreview.tsx +++ b/packages/ui/src/common/organizations/OrganizationPreview.tsx @@ -7,7 +7,7 @@ import { OrganizationPreview } from '@/ui/elements/OrganizationPreview'; import { PreviewButton } from '@/ui/elements/PreviewButton'; import { Box, Button, Col, descriptors, Flex, Spinner } from '../../customizables'; -import { SwitchArrowRight } from '../../icons'; +import { ArrowRight } from '../../icons'; import type { ThemableCssProp } from '../../styledSystem'; import { common } from '../../styledSystem'; @@ -132,7 +132,7 @@ export const OrganizationPreviewButton = (props: OrganizationPreviewButtonProps) return ( ); diff --git a/packages/ui/src/components/APIKeys/CopyAPIKeyModal.tsx b/packages/ui/src/components/APIKeys/CopyAPIKeyModal.tsx index a5c8aa35d6e..eda4d4300f2 100644 --- a/packages/ui/src/components/APIKeys/CopyAPIKeyModal.tsx +++ b/packages/ui/src/components/APIKeys/CopyAPIKeyModal.tsx @@ -6,7 +6,7 @@ import { Form } from '@/ui/elements/Form'; import { FormButtons } from '@/ui/elements/FormButtons'; import { FormContainer } from '@/ui/elements/FormContainer'; import { useClipboard } from '@/ui/hooks'; -import { Check, ClipboardOutline } from '@/ui/icons'; +import { Checkmark, Clipboard } from '@/ui/icons'; import { localizationKeys } from '@/ui/localization'; import { useFormControl } from '@/ui/utils/useFormControl'; @@ -82,8 +82,8 @@ export const CopyAPIKeyModal = ({ value={apiKeySecret} readOnly sx={{ width: '100%' }} - copyIcon={ClipboardOutline} - copiedIcon={Check} + copyIcon={Clipboard} + copiedIcon={Checkmark} /> diff --git a/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx b/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx index 8cc715f8b9a..1c435020f3c 100644 --- a/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx +++ b/packages/ui/src/components/CreateOrganization/CreateOrganizationForm.tsx @@ -16,7 +16,7 @@ import { useFormControl } from '@/ui/utils/useFormControl'; import { useWizard, Wizard } from '../../common'; import { Col, Icon } from '../../customizables'; -import { Upload } from '../../icons'; +import { ArrowUpTray } from '../../icons'; import type { LocalizationKey } from '../../localization'; import { localizationKeys } from '../../localization'; import { InviteMembersForm } from '../OrganizationProfile/InviteMembersForm'; @@ -157,7 +157,7 @@ export const CreateOrganizationForm = withCardStateProvider((props: CreateOrgani icon={ ({ color: t.colors.$colorMutedForeground, transitionDuration: t.transitionDuration.$controls, diff --git a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx index aac8314e78b..db206540309 100644 --- a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx +++ b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx @@ -2,7 +2,7 @@ import { useRef } from 'react'; import { Box, Icon, Image, Text } from '@/ui/customizables'; import { Select, SelectButton, SelectOptionList } from '@/ui/elements/Select'; -import { Check } from '@/ui/icons'; +import { Checkmark } from '@/ui/icons'; import { common } from '@/ui/styledSystem'; export type OrgOption = { @@ -66,7 +66,7 @@ export function OrgSelect({ options, value, onChange }: OrgSelectProps) { {isSelected && ( ({ color: theme.colors.$primary500 })} /> diff --git a/packages/ui/src/components/OrganizationProfile/InviteMembersScreen.tsx b/packages/ui/src/components/OrganizationProfile/InviteMembersScreen.tsx index f6d493b2812..2bc2fef9c36 100644 --- a/packages/ui/src/components/OrganizationProfile/InviteMembersScreen.tsx +++ b/packages/ui/src/components/OrganizationProfile/InviteMembersScreen.tsx @@ -8,7 +8,7 @@ import { SuccessPage } from '@/ui/elements/SuccessPage'; import { useWizard, Wizard } from '../../common'; import { descriptors, Flex, localizationKeys, Text } from '../../customizables'; import { useActionContext } from '../../elements/Action/ActionRoot'; -import { Email } from '../../icons'; +import { Envelope } from '../../icons'; import { InviteMembersForm } from './InviteMembersForm'; type InviteMembersScreenProps = { onReset?: () => void; @@ -57,7 +57,7 @@ export const InvitationsSentMessage = () => { diff --git a/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx b/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx index 52c43d01821..e0ff3aedb92 100644 --- a/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx +++ b/packages/ui/src/components/OrganizationSwitcher/OrganizationSwitcherPopover.tsx @@ -12,7 +12,7 @@ import { NotificationCountBadge, withProtect } from '../../common'; import { useEnvironment, useOrganizationSwitcherContext } from '../../contexts'; import { descriptors, Flex, localizationKeys } from '../../customizables'; import { RootBox } from '../../elements/RootBox'; -import { CogFilled } from '../../icons'; +import { Cog } from '../../icons'; import type { PropsOfComponent, ThemableCssProp } from '../../styledSystem'; import { OrganizationActionList } from './OtherOrganizationActions'; @@ -101,7 +101,7 @@ export const OrganizationSwitcherPopover = React.forwardRef handleItemClick()} trailing={} diff --git a/packages/ui/src/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx b/packages/ui/src/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx index 337bd35c83d..7809a03574d 100644 --- a/packages/ui/src/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx +++ b/packages/ui/src/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx @@ -16,7 +16,7 @@ import { InfiniteListSpinner } from '../../common'; import { useAcceptedInvitations } from '../../contexts'; import { Box, Button, descriptors, Flex, localizationKeys, Text } from '../../customizables'; import { useInView } from '../../hooks'; -import { SwitchArrowRight } from '../../icons'; +import { ArrowRight } from '../../icons'; import type { PropsOfComponent } from '../../styledSystem'; import { common } from '../../styledSystem'; import { organizationListParams, populateCacheUpdateItem } from './utils'; @@ -178,7 +178,7 @@ const InvitationPreview = withCardStateProvider( return ( onOrganizationClick(acceptedOrganization) : undefined} role='menuitem' > diff --git a/packages/ui/src/components/OrganizationSwitcher/UserMembershipList.tsx b/packages/ui/src/components/OrganizationSwitcher/UserMembershipList.tsx index 35f814b4782..f215bfee375 100644 --- a/packages/ui/src/components/OrganizationSwitcher/UserMembershipList.tsx +++ b/packages/ui/src/components/OrganizationSwitcher/UserMembershipList.tsx @@ -10,7 +10,7 @@ import { InfiniteListSpinner } from '../../common'; import { useOrganizationSwitcherContext } from '../../contexts'; import { Box, descriptors, localizationKeys } from '../../customizables'; import { useInView } from '../../hooks'; -import { SwitchArrowRight } from '../../icons'; +import { ArrowRight } from '../../icons'; import { common } from '../../styledSystem'; import { organizationListParams } from './utils'; @@ -81,7 +81,7 @@ export const UserMembershipList = (props: UserMembershipListProps) => { @@ -97,7 +97,7 @@ export const UserMembershipList = (props: UserMembershipListProps) => { key={organization.id} elementDescriptor={descriptors.organizationSwitcherPreviewButton} elementId={descriptors.organizationSwitcherPreviewButton.setId('organization')} - icon={SwitchArrowRight} + icon={ArrowRight} onClick={() => onOrganizationClick(organization)} role='menuitem' sx={t => ({ diff --git a/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx b/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx index 2ebd2973aa2..cbafdee1d6a 100644 --- a/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx +++ b/packages/ui/src/components/PaymentAttempts/PaymentAttemptPage.tsx @@ -22,7 +22,7 @@ import { useLocalizations, } from '../../customizables'; import { useClipboard } from '../../hooks'; -import { Check, Copy } from '../../icons'; +import { Checkmark, Copy } from '../../icons'; import { useRouter } from '../../router'; export const PaymentAttemptPage = () => { @@ -283,7 +283,7 @@ function CopyButton({ text, copyLabel = 'Copy' }: { text: string; copyLabel?: st > diff --git a/packages/ui/src/components/PaymentMethods/PaymentMethodRow.tsx b/packages/ui/src/components/PaymentMethods/PaymentMethodRow.tsx index 4caa24e86de..6b861365382 100644 --- a/packages/ui/src/components/PaymentMethods/PaymentMethodRow.tsx +++ b/packages/ui/src/components/PaymentMethods/PaymentMethodRow.tsx @@ -1,7 +1,7 @@ import type { BillingPaymentMethodResource, RemoveFunctions } from '@clerk/shared/types'; import { Badge, descriptors, Flex, Icon, localizationKeys, Text } from '../../customizables'; -import { CreditCard, GenericPayment } from '../../icons'; +import { Archive, CreditCard } from '../../icons'; export const PaymentMethodRow = ({ paymentMethod, @@ -16,7 +16,7 @@ export const PaymentMethodRow = ({ elementDescriptor={descriptors.paymentMethodRow} > ({ alignSelf: 'center', color: t.colors.$colorMutedForeground })} elementDescriptor={descriptors.paymentMethodRowIcon} /> diff --git a/packages/ui/src/components/PricingTable/PricingTableDefault.tsx b/packages/ui/src/components/PricingTable/PricingTableDefault.tsx index ba50eaf7d1a..e5436c71737 100644 --- a/packages/ui/src/components/PricingTable/PricingTableDefault.tsx +++ b/packages/ui/src/components/PricingTable/PricingTableDefault.tsx @@ -28,7 +28,7 @@ import { Text, useLocalizations, } from '../../customizables'; -import { Check, Plus, User, Users } from '../../icons'; +import { Checkmark, Plus, UserCircle, Users } from '../../icons'; import { common, InternalThemeProvider } from '../../styledSystem'; import { SubscriptionBadge } from '../Subscriptions/badge'; import { getPricingFooterState } from './utils/pricing-footer-state'; @@ -553,7 +553,7 @@ const CardFeaturesList = React.forwardRef })} > { const tier = seatUnitPrice.tiers[0]; const rows: Array<{ elementId: string; - icon: typeof User | typeof Users; + icon: typeof UserCircle | typeof Users; text: ReturnType; additionalText?: ReturnType; additionalTooltipText?: string; @@ -635,7 +635,7 @@ const CardFeaturesListSeatCost = ({ plan }: { plan: BillingPlanResource }) => { if (tier.feePerBlock.amount !== 0 && plan.hasBaseFee) { rows.push({ elementId: 'seats', - icon: User, + icon: UserCircle, text: localizationKeys('billing.pricingTable.seatCost.perSeat', { feePerBlockAmount: formatTierFee(tier), periodAbbreviation, @@ -683,7 +683,7 @@ const CardFeaturesListSeatCost = ({ plan }: { plan: BillingPlanResource }) => { return [ { elementId: 'seats', - icon: User, + icon: UserCircle, text: localizationKeys('billing.pricingTable.seatCost.includedSeats', { includedSeats: includedTier.endsAfterBlock, }), diff --git a/packages/ui/src/components/PricingTable/PricingTableMatrix.tsx b/packages/ui/src/components/PricingTable/PricingTableMatrix.tsx index 6227f385b6c..75f5887cd2a 100644 --- a/packages/ui/src/components/PricingTable/PricingTableMatrix.tsx +++ b/packages/ui/src/components/PricingTable/PricingTableMatrix.tsx @@ -21,7 +21,7 @@ import { useLocalizations, } from '../../customizables'; import { usePrefersReducedMotion } from '../../hooks'; -import { Check, InformationCircle } from '../../icons'; +import { Checkmark, InformationCircle } from '../../icons'; import { common, InternalThemeProvider, mqu, type ThemableCssProp } from '../../styledSystem'; interface PricingTableMatrixProps { @@ -396,7 +396,7 @@ export function PricingTableMatrix({ > {hasFeature && ( ({ color: t.colors.$colorMutedForeground, transitionDuration: t.transitionDuration.$controls, diff --git a/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/TOTPCodeFlowScreen.tsx b/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/TOTPCodeFlowScreen.tsx index 4c4df3ef1a4..9bee1a91f7f 100644 --- a/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/TOTPCodeFlowScreen.tsx +++ b/packages/ui/src/components/SessionTasks/tasks/TaskSetupMfa/TOTPCodeFlowScreen.tsx @@ -12,7 +12,7 @@ import { Form } from '@/elements/Form'; import { FormButtonContainer } from '@/elements/FormButtons'; import { FormContainer } from '@/elements/FormContainer'; import { FullHeightLoader } from '@/elements/FullHeightLoader'; -import { Check, ClipboardOutline } from '@/icons'; +import { Checkmark, Clipboard } from '@/icons'; import { Button, Col, descriptors, localizationKeys, Text } from '@/ui/customizables'; import { Card } from '@/ui/elements/Card'; import { SuccessPage } from '@/ui/elements/SuccessPage'; @@ -95,8 +95,8 @@ export const AddAuthenticatorApp = withCardStateProvider((props: AddAuthenticato )} diff --git a/packages/ui/src/components/SignIn/AlternativeMethods.tsx b/packages/ui/src/components/SignIn/AlternativeMethods.tsx index 4cc452bf379..331f85afd49 100644 --- a/packages/ui/src/components/SignIn/AlternativeMethods.tsx +++ b/packages/ui/src/components/SignIn/AlternativeMethods.tsx @@ -13,7 +13,7 @@ import type { LocalizationKey } from '../../customizables'; import { Button, Col, descriptors, Flex, Flow, localizationKeys } from '../../customizables'; import { useCardState } from '../../elements/contexts'; import { useAlternativeStrategies } from '../../hooks/useAlternativeStrategies'; -import { ChatAltIcon, Email, Fingerprint, LinkIcon, LockClosedIcon, RequestAuthIcon } from '../../icons'; +import { Envelope, Fingerprint, Link, Lock, LockArrow, SpeechBubble } from '../../icons'; import { SignInSocialButtons } from './SignInSocialButtons'; import { useResetPasswordFactor } from './useResetPasswordFactor'; import { withHavingTrouble } from './withHavingTrouble'; @@ -167,12 +167,12 @@ export function getButtonLabel(factor: SignInFactor): LocalizationKey { export function getButtonIcon(factor: SignInFactor) { const icons = { - email_link: LinkIcon, - email_code: Email, - phone_code: ChatAltIcon, - reset_password_email_code: RequestAuthIcon, - reset_password_phone_code: RequestAuthIcon, - password: LockClosedIcon, + email_link: Link, + email_code: Envelope, + phone_code: SpeechBubble, + reset_password_email_code: LockArrow, + reset_password_phone_code: LockArrow, + password: Lock, passkey: Fingerprint, } as const; diff --git a/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx b/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx index 725d213d1c9..55e7b5e6657 100644 --- a/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx +++ b/packages/ui/src/components/SignIn/SignInAccountSwitcher.tsx @@ -8,7 +8,7 @@ import { UserPreview } from '@/ui/elements/UserPreview'; import { withRedirectToAfterSignIn } from '../../common'; import { useEnvironment, useSignInContext, useSignOutContext } from '../../contexts'; import { Col, descriptors, Flow, localizationKeys } from '../../customizables'; -import { Plus, SwitchArrowRight } from '../../icons'; +import { ArrowRight, Plus } from '../../icons'; import { SignOutAllActions } from '../UserButton/SessionActions'; import { useMultisessionActions } from '../UserButton/useMultisessionActions'; @@ -55,7 +55,7 @@ const SignInAccountSwitcherInternal = () => { justifyContent: 'flex-start', borderRadius: 0, })} - icon={SwitchArrowRight} + icon={ArrowRight} > diff --git a/packages/ui/src/components/Statements/StatementPage.tsx b/packages/ui/src/components/Statements/StatementPage.tsx index d9ddb8fc602..3b7b7c7f1da 100644 --- a/packages/ui/src/components/Statements/StatementPage.tsx +++ b/packages/ui/src/components/Statements/StatementPage.tsx @@ -15,7 +15,7 @@ import { Spinner, useLocalizations, } from '../../customizables'; -import { ArrowRightIcon, Plus, RotateLeftRight } from '../../icons'; +import { ArrowRight, Plus, RotateLeftRight } from '../../icons'; import { useRouter } from '../../router'; import { Statement } from './Statement'; @@ -130,7 +130,7 @@ export const StatementPage = () => { > diff --git a/packages/ui/src/components/Subscriptions/SubscriptionsList.tsx b/packages/ui/src/components/Subscriptions/SubscriptionsList.tsx index aa40bc8ced8..5712b235ada 100644 --- a/packages/ui/src/components/Subscriptions/SubscriptionsList.tsx +++ b/packages/ui/src/components/Subscriptions/SubscriptionsList.tsx @@ -15,7 +15,7 @@ import { } from '../../contexts'; import type { LocalizationKey } from '../../customizables'; import { Col, Flex, Icon, localizationKeys, Span, Table, Tbody, Td, Text, Th, Thead, Tr } from '../../customizables'; -import { ArrowsUpDown, CogFilled, Plans, Plus, Users } from '../../icons'; +import { ArrowUpDown, Cog, Files, Plus, Users } from '../../icons'; import { useRouter } from '../../router'; import { SubscriptionBadge } from './badge'; @@ -129,7 +129,7 @@ export function SubscriptionsList({ width: isManageButtonVisible ? 'unset' : undefined, }), ]} - leftIcon={subscriptionItems.length > 0 ? ArrowsUpDown : Plus} + leftIcon={subscriptionItems.length > 0 ? ArrowUpDown : Plus} rightIcon={null} leftIconSx={t => ({ width: t.sizes.$4, @@ -151,7 +151,7 @@ export function SubscriptionsList({ }), ]} rightIcon={null} - leftIcon={CogFilled} + leftIcon={Cog} leftIconSx={t => ({ width: t.sizes.$4, height: t.sizes.$4, @@ -201,7 +201,7 @@ function SubscriptionItemRow({ gap={1} > ({ width: t.sizes.$4, height: t.sizes.$4, diff --git a/packages/ui/src/components/UserButton/SessionActions.tsx b/packages/ui/src/components/UserButton/SessionActions.tsx index 2947759741e..7e6b6fcd327 100644 --- a/packages/ui/src/components/UserButton/SessionActions.tsx +++ b/packages/ui/src/components/UserButton/SessionActions.tsx @@ -10,7 +10,7 @@ import { USER_BUTTON_ITEM_ID } from '../../constants'; import { useUserButtonContext } from '../../contexts'; import type { LocalizationKey } from '../../customizables'; import { descriptors, Flex, localizationKeys } from '../../customizables'; -import { Add, CogFilled, SignOut, SwitchArrowRight } from '../../icons'; +import { Add, ArrowRight, Cog, SignOut } from '../../icons'; import type { ThemableCssProp } from '../../styledSystem'; import type { DefaultItemIds, MenuItem } from '../../utils/createCustomMenuItems'; @@ -179,7 +179,7 @@ export const MultiSessionActions = (props: MultiSessionActionsProps) => { iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('manageAccount')} iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon} iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('manageAccount')} - icon={CogFilled} + icon={Cog} label={localizationKeys('userButton.action__manageAccount')} onClick={handleManageAccountClicked} focusRing @@ -277,7 +277,7 @@ export const MultiSessionActions = (props: MultiSessionActionsProps) => { {otherSessions.map(session => ( diff --git a/packages/ui/src/components/UserProfile/MfaBackupCodeList.tsx b/packages/ui/src/components/UserProfile/MfaBackupCodeList.tsx index edc0c1b0e48..ed608e6396f 100644 --- a/packages/ui/src/components/UserProfile/MfaBackupCodeList.tsx +++ b/packages/ui/src/components/UserProfile/MfaBackupCodeList.tsx @@ -6,7 +6,7 @@ import { useEnvironment } from '../../contexts'; import type { LocalizationKey } from '../../customizables'; import { Box, Button, Col, Grid, Heading, Icon, localizationKeys, Text } from '../../customizables'; import { useClipboard } from '../../hooks'; -import { Check, Copy, Download, Print } from '../../icons'; +import { ArrowDownTray, Checkmark, Copy, Print } from '../../icons'; import { MfaBackupCodeTile } from './MfaBackupCodeTile'; type MfaBackupCodeListProps = { @@ -119,7 +119,7 @@ export const MfaBackupCodeList = (props: MfaBackupCodeListProps) => { sx={t => ({ width: '100%', padding: `${t.space.$0x25} 0`, borderRadius: 0 })} onClick={onDownloadTxtFile} > - + diff --git a/packages/ui/src/components/UserProfile/MfaSection.tsx b/packages/ui/src/components/UserProfile/MfaSection.tsx index 01d193306f0..3f2188887e9 100644 --- a/packages/ui/src/components/UserProfile/MfaSection.tsx +++ b/packages/ui/src/components/UserProfile/MfaSection.tsx @@ -14,7 +14,7 @@ import { useEnvironment } from '../../contexts'; import { Badge, Flex, Icon, localizationKeys, Text } from '../../customizables'; import { Action } from '../../elements/Action'; import { useActionContext } from '../../elements/Action/ActionRoot'; -import { AuthApp, DotCircle, Mobile } from '../../icons'; +import { AuthApp, DotCircleHorizontal, Mobile } from '../../icons'; import type { PropsOfComponent } from '../../styledSystem'; import { MfaBackupCodeCreateScreen, MfaScreen, RemoveMfaPhoneCodeScreen, RemoveMfaTOTPScreen } from './MfaScreens'; @@ -128,7 +128,7 @@ export const MfaSection = () => { > ({ gap: t.space.$2, alignItems: 'center' })}> ({ color: theme.colors.$neutralAlpha700 })} /> @@ -240,7 +240,7 @@ const strategiesMap = { key: 'totp', }, backup_code: { - icon: DotCircle, + icon: DotCircleHorizontal, text: 'Backup code', key: 'backup_code', }, diff --git a/packages/ui/src/components/UserVerification/AlternativeMethods.tsx b/packages/ui/src/components/UserVerification/AlternativeMethods.tsx index 1cf30a7d5c7..6f47ecef5ec 100644 --- a/packages/ui/src/components/UserVerification/AlternativeMethods.tsx +++ b/packages/ui/src/components/UserVerification/AlternativeMethods.tsx @@ -10,7 +10,7 @@ import { formatSafeIdentifier } from '@/ui/utils/formatSafeIdentifier'; import type { LocalizationKey } from '../../customizables'; import { Col, descriptors, Flex, Flow, localizationKeys } from '../../customizables'; import { useCardState } from '../../elements/contexts'; -import { ChatAltIcon, Email, Fingerprint, LockClosedIcon, Organization } from '../../icons'; +import { Building, Envelope, Fingerprint, Lock, SpeechBubble } from '../../icons'; import { useReverificationAlternativeStrategies } from './useReverificationAlternativeStrategies'; import { useUserVerificationSession } from './useUserVerificationSession'; import { withHavingTrouble } from './withHavingTrouble'; @@ -124,11 +124,11 @@ export function getButtonLabel(factor: SessionVerificationFirstFactor): Localiza export function getButtonIcon(factor: SessionVerificationFirstFactor) { const icons = { - email_code: Email, - phone_code: ChatAltIcon, - password: LockClosedIcon, + email_code: Envelope, + phone_code: SpeechBubble, + password: Lock, passkey: Fingerprint, - enterprise_sso: Organization, + enterprise_sso: Building, } as const; return icons[factor.strategy]; diff --git a/packages/ui/src/components/Waitlist/WaitlistForm.tsx b/packages/ui/src/components/Waitlist/WaitlistForm.tsx index 32a7cf2d4d0..31474097e57 100644 --- a/packages/ui/src/components/Waitlist/WaitlistForm.tsx +++ b/packages/ui/src/components/Waitlist/WaitlistForm.tsx @@ -12,7 +12,7 @@ import { useWizard, Wizard } from '../../common'; import { useWaitlistContext } from '../../contexts'; import { Col, descriptors, Flex, Icon, localizationKeys, Text } from '../../customizables'; import { useLoadingStatus } from '../../hooks'; -import { SpinnerJumbo } from '../../icons'; +import { Spinner } from '../../icons'; import { useRouter } from '../../router'; import { animations } from '../../styledSystem'; import type { Fields } from './waitlistFormHelpers'; @@ -108,7 +108,7 @@ export const WaitlistForm = (props: WaitlistFormProps) => { align='center' > ({ margin: 'auto', width: t.sizes.$6, diff --git a/packages/ui/src/elements/ArrowBlockButton.tsx b/packages/ui/src/elements/ArrowBlockButton.tsx index 7ebc83e5407..93d0f0ef78e 100644 --- a/packages/ui/src/elements/ArrowBlockButton.tsx +++ b/packages/ui/src/elements/ArrowBlockButton.tsx @@ -3,7 +3,7 @@ import React, { isValidElement } from 'react'; import type { Button, LocalizationKey } from '../customizables'; import { Flex, Icon, SimpleButton, Spinner, Text } from '../customizables'; import type { ElementDescriptor, ElementId } from '../customizables/elementDescriptors'; -import { ArrowRightIcon } from '../icons'; +import { ArrowRight } from '../icons'; import type { PropsOfComponent, ThemableCssProp } from '../styledSystem'; type ArrowBlockButtonProps = PropsOfComponent & { @@ -27,7 +27,7 @@ type ArrowBlockButtonProps = PropsOfComponent & { export const ArrowBlockButton = React.forwardRef((props, ref) => { const { - rightIcon = ArrowRightIcon, + rightIcon = ArrowRight, rightIconSx, leftIcon, leftIconSx, diff --git a/packages/ui/src/elements/ClipboardInput.tsx b/packages/ui/src/elements/ClipboardInput.tsx index b6c042e58d0..c96dfa74668 100644 --- a/packages/ui/src/elements/ClipboardInput.tsx +++ b/packages/ui/src/elements/ClipboardInput.tsx @@ -2,7 +2,7 @@ import type { ComponentType } from 'react'; import { Button, descriptors, Flex, Icon, Input } from '../customizables'; import { useClipboard } from '../hooks'; -import { Clipboard, TickShield } from '../icons'; +import { Clipboard, ShieldCheck } from '../icons'; import type { PropsOfComponent } from '../styledSystem'; type ClipboardInputProps = PropsOfComponent & { @@ -11,7 +11,7 @@ type ClipboardInputProps = PropsOfComponent & { }; export const ClipboardInput = (props: ClipboardInputProps) => { - const { id, value, copyIcon = Clipboard, copiedIcon = TickShield, sx, ...rest } = props; + const { id, value, copyIcon = Clipboard, copiedIcon = ShieldCheck, sx, ...rest } = props; const { onCopy, hasCopied } = useClipboard(value as string); return ( diff --git a/packages/ui/src/elements/Header.tsx b/packages/ui/src/elements/Header.tsx index 5c0c52f6a1f..efb92811df8 100644 --- a/packages/ui/src/elements/Header.tsx +++ b/packages/ui/src/elements/Header.tsx @@ -12,7 +12,7 @@ import { useAppearance, type LocalizationKey, } from '../customizables'; -import { ArrowLeftIcon } from '../icons'; +import { ArrowLeft } from '../icons'; import type { PropsOfComponent, ThemableCssProp } from '../styledSystem'; import { ApplicationLogo } from './ApplicationLogo'; import { VerticalDivider } from './Divider'; @@ -109,7 +109,7 @@ const BackLink = React.memo((props: PropsOfComponent): JSX.Element {...rest} > ({ color: t.colors.$colorForeground, '[dir="rtl"] &': { diff --git a/packages/ui/src/elements/IdentityPreview.tsx b/packages/ui/src/elements/IdentityPreview.tsx index df967df5196..c6f12f291bc 100644 --- a/packages/ui/src/elements/IdentityPreview.tsx +++ b/packages/ui/src/elements/IdentityPreview.tsx @@ -2,7 +2,7 @@ import { iconImageUrl } from '@clerk/shared/constants'; import React from 'react'; import { Button, descriptors, Flex, Icon, Text } from '../customizables'; -import { PencilEdit } from '../icons'; +import { Pen } from '../icons'; import type { PropsOfComponent } from '../styledSystem'; import { formatSafeIdentifier, isMaskedIdentifier } from '../utils/formatSafeIdentifier'; import { getFlagEmojiFromCountryIso, parsePhoneString } from '../utils/phoneUtils'; @@ -27,7 +27,7 @@ export const IdentityPreview = (props: IdentityPreviewProps) => { > ); diff --git a/packages/ui/src/elements/LineItems.tsx b/packages/ui/src/elements/LineItems.tsx index ab5173392ba..80f18027078 100644 --- a/packages/ui/src/elements/LineItems.tsx +++ b/packages/ui/src/elements/LineItems.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import type { LocalizationKey } from '../customizables'; import { Box, Button, Dd, descriptors, Dl, Dt, Icon, Span } from '../customizables'; import { useClipboard } from '../hooks'; -import { Check, Copy } from '../icons'; +import { Checkmark, Copy } from '../icons'; import { common } from '../styledSystem'; import { truncateWithEndVisible } from '../utils/truncateTextWithEndVisible'; @@ -287,7 +287,7 @@ function CopyButton({ text, copyLabel = 'Copy' }: { text: string; copyLabel?: st > diff --git a/packages/ui/src/elements/Pagination.tsx b/packages/ui/src/elements/Pagination.tsx index 5a62512b174..eb8b5d52fd3 100644 --- a/packages/ui/src/elements/Pagination.tsx +++ b/packages/ui/src/elements/Pagination.tsx @@ -1,6 +1,6 @@ import { Button, descriptors, Flex, Icon, localizationKeys, Text, useLocalizations } from '../customizables'; import type { ElementDescriptor, ElementId } from '../customizables/elementDescriptors'; -import { CaretLeft, CaretRight } from '../icons'; +import { ChevronLeft, ChevronRight } from '../icons'; import type { PropsOfComponent, ThemableCssProp } from '../styledSystem'; import { mqu } from '../styledSystem'; import { range } from '../utils/range'; @@ -150,7 +150,7 @@ export const Pagination = (props: PaginationProps) => { > { onChange?.(page - 1); @@ -180,7 +180,7 @@ export const Pagination = (props: PaginationProps) => { })} = count || page < 1} - icon={CaretRight} + icon={ChevronRight} aria-label={t(localizationKeys('paginationButton__next'))} onClick={() => { onChange?.(page + 1); diff --git a/packages/ui/src/elements/PhoneInput/index.tsx b/packages/ui/src/elements/PhoneInput/index.tsx index 5d73c3539c5..0ec3bf5f1a7 100644 --- a/packages/ui/src/elements/PhoneInput/index.tsx +++ b/packages/ui/src/elements/PhoneInput/index.tsx @@ -5,7 +5,7 @@ import { mergeRefs } from '@/ui/utils/mergeRefs'; import type { FeedbackType } from '@/ui/utils/useFormControl'; import { descriptors, Flex, Icon, Input, Text } from '../../customizables'; -import { Check, ChevronUpDown } from '../../icons'; +import { Checkmark, ChevronUpDown } from '../../icons'; import { common, type PropsOfComponent } from '../../styledSystem'; import { Select, SelectButton, SelectOptionList } from '../Select'; import type { CountryEntry, CountryIso } from './countryCodeData'; @@ -230,7 +230,7 @@ const CountryCodeListItem = memo((props: CountryCodeListItemProps) => { {...rest} > { {children} ({ marginInlineStart: t.space.$2, width: t.sizes.$4, diff --git a/packages/ui/src/primitives/FormSuccessText.tsx b/packages/ui/src/primitives/FormSuccessText.tsx index 8cb20b9494e..e381627e38b 100644 --- a/packages/ui/src/primitives/FormSuccessText.tsx +++ b/packages/ui/src/primitives/FormSuccessText.tsx @@ -1,7 +1,7 @@ import React, { forwardRef } from 'react'; import { Icon } from '../customizables'; -import { CheckCircle } from '../icons'; +import { CheckmarkCircle } from '../icons'; import type { StyleVariants } from '../styledSystem'; import { animations, createVariants } from '../styledSystem'; import { Text } from './Text'; @@ -33,7 +33,7 @@ export const FormSuccessText = forwardRef((props, re > {children} diff --git a/packages/ui/src/utils/createCustomMenuItems.tsx b/packages/ui/src/utils/createCustomMenuItems.tsx index 7d9cdbe7759..e53b7dc26f0 100644 --- a/packages/ui/src/utils/createCustomMenuItems.tsx +++ b/packages/ui/src/utils/createCustomMenuItems.tsx @@ -2,7 +2,7 @@ import type { CustomMenuItem, LoadedClerk } from '@clerk/shared/types'; import { USER_BUTTON_ITEM_ID } from '../constants'; import type { LocalizationKey } from '../customizables'; -import { CogFilled, SignOut } from '../icons'; +import { Cog, SignOut } from '../icons'; import { localizationKeys } from '../localization'; import { ExternalElementMounter } from './ExternalElementMounter'; import { isDevelopmentSDK } from './runtimeEnvironment'; @@ -165,7 +165,7 @@ const getUserButtonDefaultMenuItems = () => { { name: localizationKeys('userButton.action__manageAccount'), id: USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT as 'manageAccount', - icon: CogFilled as React.ComponentType, + icon: Cog as React.ComponentType, }, { name: localizationKeys('userButton.action__signOut'), diff --git a/packages/ui/src/utils/createCustomPages.tsx b/packages/ui/src/utils/createCustomPages.tsx index d3a03b782df..18b8421030c 100644 --- a/packages/ui/src/utils/createCustomPages.tsx +++ b/packages/ui/src/utils/createCustomPages.tsx @@ -9,7 +9,7 @@ import type { CustomPage, EnvironmentResource, LoadedClerk } from '@clerk/shared import { ORGANIZATION_PROFILE_NAVBAR_ROUTE_ID, USER_PROFILE_NAVBAR_ROUTE_ID } from '../constants'; import type { NavbarRoute } from '../elements/Navbar'; -import { Code, CreditCard, Organization, TickShield, User, Users } from '../icons'; +import { Building, Code, CreditCard, ShieldCheck, UserCircle, Users } from '../icons'; import { localizationKeys } from '../localization'; import { ExternalElementMounter } from './ExternalElementMounter'; import { isDevelopmentSDK } from './runtimeEnvironment'; @@ -269,13 +269,13 @@ const getUserProfileDefaultRoutes = ({ { name: localizationKeys('userProfile.navbar.account'), id: USER_PROFILE_NAVBAR_ROUTE_ID.ACCOUNT, - icon: User, + icon: UserCircle, path: 'account', }, { name: localizationKeys('userProfile.navbar.security'), id: USER_PROFILE_NAVBAR_ROUTE_ID.SECURITY, - icon: TickShield, + icon: ShieldCheck, path: 'security', }, ]; @@ -323,7 +323,7 @@ const getOrganizationProfileDefaultRoutes = ({ { name: localizationKeys('organizationProfile.navbar.general'), id: ORGANIZATION_PROFILE_NAVBAR_ROUTE_ID.GENERAL, - icon: Organization, + icon: Building, path: 'organization-general', }, { From 832fdeca1bde417639407dbd8d5c03700304a941 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Thu, 16 Apr 2026 13:51:28 -0400 Subject: [PATCH 07/10] Update OrgSelect.tsx --- packages/ui/src/components/OAuthConsent/OrgSelect.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx index b021722466d..3170577ca9f 100644 --- a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx +++ b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx @@ -4,7 +4,7 @@ import { InfiniteListSpinner } from '@/ui/common/InfiniteListSpinner'; import { Box, Icon, Image, Text } from '@/ui/customizables'; import { Select, SelectButton, SelectOptionList } from '@/ui/elements/Select'; import { useInView } from '@/ui/hooks/useInView'; -import { Check } from '@/ui/icons'; +import { Checkmark } from '@/ui/icons'; import { common } from '@/ui/styledSystem'; export type OrgOption = { From 812c4514d1b290e29ffb04d330d1141679663641 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Fri, 17 Apr 2026 10:58:12 -0400 Subject: [PATCH 08/10] Update CreateOrganizationAction.tsx --- packages/ui/src/common/CreateOrganizationAction.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/common/CreateOrganizationAction.tsx b/packages/ui/src/common/CreateOrganizationAction.tsx index 748d71b9cc7..cfe60e6ce8e 100644 --- a/packages/ui/src/common/CreateOrganizationAction.tsx +++ b/packages/ui/src/common/CreateOrganizationAction.tsx @@ -1,14 +1,14 @@ import { useUser } from '@clerk/shared/react/index'; import { Action } from '../elements/Actions'; -import { Plus } from '../icons'; +import { Add } from '../icons'; type CreateOrganizationActionProps = Omit, 'icon'> & { icon?: React.ComponentProps['icon']; }; export const CreateOrganizationAction = (props: CreateOrganizationActionProps) => { - const { icon = Plus, ...rest } = props; + const { icon = Add, ...rest } = props; const { user } = useUser(); if (!user?.createOrganizationEnabled) { From 5bd6afd4431f995a7f38736aa173f1b88baf2256 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Fri, 17 Apr 2026 11:00:06 -0400 Subject: [PATCH 09/10] fix icon size --- packages/ui/src/components/OAuthConsent/OrgSelect.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx index 3170577ca9f..23ad07bdc0f 100644 --- a/packages/ui/src/components/OAuthConsent/OrgSelect.tsx +++ b/packages/ui/src/components/OAuthConsent/OrgSelect.tsx @@ -79,7 +79,6 @@ export function OrgSelect({ options, value, onChange, hasMore, onLoadMore }: Org {isSelected && ( ({ color: theme.colors.$primary500 })} /> )} From bc8434ac39b62a6964d849eedd1ae992838de735 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Fri, 17 Apr 2026 11:01:08 -0400 Subject: [PATCH 10/10] fix close icon sizing --- packages/ui/src/elements/Drawer.tsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/packages/ui/src/elements/Drawer.tsx b/packages/ui/src/elements/Drawer.tsx index b4de48fec6e..0ef94a2cc63 100644 --- a/packages/ui/src/elements/Drawer.tsx +++ b/packages/ui/src/elements/Drawer.tsx @@ -426,12 +426,7 @@ const Close = React.forwardRef((_, ref) => { variant='ghost' aria-label='Close drawer' onClick={() => setIsOpen(false)} - icon={ - - } + icon={} sx={t => ({ color: t.colors.$colorMutedForeground, padding: t.space.$3,