From 491cf8038b7ad0d8bba8ea268a50bf563ab5657d Mon Sep 17 00:00:00 2001 From: Kevin Ng Date: Thu, 18 Jul 2024 13:51:26 -0400 Subject: [PATCH] Add Shopify Finance icons (#12233) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### WHY are these changes introduced? Fixes https://github.com/Shopify/polaris/issues/12171 ### WHAT is this pull request doing? Adds new icons for Shopify Finance [Figma](https://www.figma.com/design/RF3ZExSOQIfNI9QYJTC732/branch/hexWZZyEYR1YlPLjWeqdHK/Finances-icons-submission?node-id=1-336&t=XWDYWBXEARY9fsLH-0) - the icons marked "Ready for dev" [Project](https://www.figma.com/design/lAATXZ9xr899VOPijfpVAQ/Rebuild-Finance-overview?node-id=1848-30715&t=DMcWjoVi48pBrwbB-0) ### How to 🎩 🖥 [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#install-dependencies-and-build-workspaces) 🗒 [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) 📄 [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) ### 🎩 checklist - [ ] Tested a [snapshot](https://github.com/Shopify/polaris/blob/main/documentation/Releasing.md#-snapshot-releases) - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --- .changeset/small-singers-float.md | 5 +++++ polaris-icons/icons/AtmWithdrawalIcon.svg | 1 + polaris-icons/icons/AtmWithdrawalIcon.yml | 10 ++++++++++ polaris-icons/icons/FinanceFilledIcon.svg | 1 + polaris-icons/icons/FinanceFilledIcon.yml | 10 ++++++++++ polaris-icons/icons/FinanceIcon.svg | 1 + polaris-icons/icons/FinanceIcon.yml | 10 ++++++++++ polaris-icons/icons/InboundIcon.svg | 1 + polaris-icons/icons/InboundIcon.yml | 10 ++++++++++ polaris-icons/icons/MakePaymentIcon.svg | 1 + polaris-icons/icons/MakePaymentIcon.yml | 10 ++++++++++ polaris-icons/icons/OutboundIcon.svg | 1 + polaris-icons/icons/OutboundIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutDollarIcon.svg | 1 + polaris-icons/icons/PayoutDollarIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutEuroIcon.svg | 1 + polaris-icons/icons/PayoutEuroIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutIcon.svg | 1 + polaris-icons/icons/PayoutIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutPoundIcon.svg | 1 + polaris-icons/icons/PayoutPoundIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutRupeeIcon.svg | 1 + polaris-icons/icons/PayoutRupeeIcon.yml | 10 ++++++++++ polaris-icons/icons/PayoutYenIcon.svg | 1 + polaris-icons/icons/PayoutYenIcon.yml | 10 ++++++++++ 25 files changed, 137 insertions(+) create mode 100644 .changeset/small-singers-float.md create mode 100644 polaris-icons/icons/AtmWithdrawalIcon.svg create mode 100644 polaris-icons/icons/AtmWithdrawalIcon.yml create mode 100644 polaris-icons/icons/FinanceFilledIcon.svg create mode 100644 polaris-icons/icons/FinanceFilledIcon.yml create mode 100644 polaris-icons/icons/FinanceIcon.svg create mode 100644 polaris-icons/icons/FinanceIcon.yml create mode 100644 polaris-icons/icons/InboundIcon.svg create mode 100644 polaris-icons/icons/InboundIcon.yml create mode 100644 polaris-icons/icons/MakePaymentIcon.svg create mode 100644 polaris-icons/icons/MakePaymentIcon.yml create mode 100644 polaris-icons/icons/OutboundIcon.svg create mode 100644 polaris-icons/icons/OutboundIcon.yml create mode 100644 polaris-icons/icons/PayoutDollarIcon.svg create mode 100644 polaris-icons/icons/PayoutDollarIcon.yml create mode 100644 polaris-icons/icons/PayoutEuroIcon.svg create mode 100644 polaris-icons/icons/PayoutEuroIcon.yml create mode 100644 polaris-icons/icons/PayoutIcon.svg create mode 100644 polaris-icons/icons/PayoutIcon.yml create mode 100644 polaris-icons/icons/PayoutPoundIcon.svg create mode 100644 polaris-icons/icons/PayoutPoundIcon.yml create mode 100644 polaris-icons/icons/PayoutRupeeIcon.svg create mode 100644 polaris-icons/icons/PayoutRupeeIcon.yml create mode 100644 polaris-icons/icons/PayoutYenIcon.svg create mode 100644 polaris-icons/icons/PayoutYenIcon.yml diff --git a/.changeset/small-singers-float.md b/.changeset/small-singers-float.md new file mode 100644 index 00000000000..da0583885fb --- /dev/null +++ b/.changeset/small-singers-float.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris-icons': minor +--- + +Adds new icons for Shopify Finance diff --git a/polaris-icons/icons/AtmWithdrawalIcon.svg b/polaris-icons/icons/AtmWithdrawalIcon.svg new file mode 100644 index 00000000000..405429278e5 --- /dev/null +++ b/polaris-icons/icons/AtmWithdrawalIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/AtmWithdrawalIcon.yml b/polaris-icons/icons/AtmWithdrawalIcon.yml new file mode 100644 index 00000000000..3d464bc3e1b --- /dev/null +++ b/polaris-icons/icons/AtmWithdrawalIcon.yml @@ -0,0 +1,10 @@ +name: ATM withdrawal +description: Used to direct merchants to details about an ATM withdrawal +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/FinanceFilledIcon.svg b/polaris-icons/icons/FinanceFilledIcon.svg new file mode 100644 index 00000000000..5202865f524 --- /dev/null +++ b/polaris-icons/icons/FinanceFilledIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/FinanceFilledIcon.yml b/polaris-icons/icons/FinanceFilledIcon.yml new file mode 100644 index 00000000000..acbd0731494 --- /dev/null +++ b/polaris-icons/icons/FinanceFilledIcon.yml @@ -0,0 +1,10 @@ +name: Finance filled +description: Used to direct merchants to Shopify Finance +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/FinanceIcon.svg b/polaris-icons/icons/FinanceIcon.svg new file mode 100644 index 00000000000..641149ac454 --- /dev/null +++ b/polaris-icons/icons/FinanceIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/FinanceIcon.yml b/polaris-icons/icons/FinanceIcon.yml new file mode 100644 index 00000000000..1a6a9d431c4 --- /dev/null +++ b/polaris-icons/icons/FinanceIcon.yml @@ -0,0 +1,10 @@ +name: Finance +description: Used to direct merchants to Shopify Finance +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/InboundIcon.svg b/polaris-icons/icons/InboundIcon.svg new file mode 100644 index 00000000000..456f3fd0d5f --- /dev/null +++ b/polaris-icons/icons/InboundIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/InboundIcon.yml b/polaris-icons/icons/InboundIcon.yml new file mode 100644 index 00000000000..14c156914f2 --- /dev/null +++ b/polaris-icons/icons/InboundIcon.yml @@ -0,0 +1,10 @@ +name: Inbound +description: Used to represent an inbound transaction or payment +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/MakePaymentIcon.svg b/polaris-icons/icons/MakePaymentIcon.svg new file mode 100644 index 00000000000..31af2dd4ca6 --- /dev/null +++ b/polaris-icons/icons/MakePaymentIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/MakePaymentIcon.yml b/polaris-icons/icons/MakePaymentIcon.yml new file mode 100644 index 00000000000..ac24296f2ae --- /dev/null +++ b/polaris-icons/icons/MakePaymentIcon.yml @@ -0,0 +1,10 @@ +name: Make payment +description: Used to denote making a payment +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/OutboundIcon.svg b/polaris-icons/icons/OutboundIcon.svg new file mode 100644 index 00000000000..4993a59b1b7 --- /dev/null +++ b/polaris-icons/icons/OutboundIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/OutboundIcon.yml b/polaris-icons/icons/OutboundIcon.yml new file mode 100644 index 00000000000..ea4a2a57c9b --- /dev/null +++ b/polaris-icons/icons/OutboundIcon.yml @@ -0,0 +1,10 @@ +name: Outbound +description: Used to represent an outbound transaction or payment +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutDollarIcon.svg b/polaris-icons/icons/PayoutDollarIcon.svg new file mode 100644 index 00000000000..5af66be64f3 --- /dev/null +++ b/polaris-icons/icons/PayoutDollarIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutDollarIcon.yml b/polaris-icons/icons/PayoutDollarIcon.yml new file mode 100644 index 00000000000..1a69408bb07 --- /dev/null +++ b/polaris-icons/icons/PayoutDollarIcon.yml @@ -0,0 +1,10 @@ +name: Payout dollar +description: Used to label payout transactions in dollars +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutEuroIcon.svg b/polaris-icons/icons/PayoutEuroIcon.svg new file mode 100644 index 00000000000..7bd0f17d497 --- /dev/null +++ b/polaris-icons/icons/PayoutEuroIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutEuroIcon.yml b/polaris-icons/icons/PayoutEuroIcon.yml new file mode 100644 index 00000000000..9b34dafda05 --- /dev/null +++ b/polaris-icons/icons/PayoutEuroIcon.yml @@ -0,0 +1,10 @@ +name: Payout euro +description: Used to label payout transactions in euros +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutIcon.svg b/polaris-icons/icons/PayoutIcon.svg new file mode 100644 index 00000000000..71ce3130e4a --- /dev/null +++ b/polaris-icons/icons/PayoutIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutIcon.yml b/polaris-icons/icons/PayoutIcon.yml new file mode 100644 index 00000000000..5c10455f092 --- /dev/null +++ b/polaris-icons/icons/PayoutIcon.yml @@ -0,0 +1,10 @@ +name: Payout +description: Used to label payout transactions in a generic currency +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutPoundIcon.svg b/polaris-icons/icons/PayoutPoundIcon.svg new file mode 100644 index 00000000000..c447fc07b1a --- /dev/null +++ b/polaris-icons/icons/PayoutPoundIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutPoundIcon.yml b/polaris-icons/icons/PayoutPoundIcon.yml new file mode 100644 index 00000000000..02ef1a87e0f --- /dev/null +++ b/polaris-icons/icons/PayoutPoundIcon.yml @@ -0,0 +1,10 @@ +name: Payout pound +description: Used to label payout transactions in pounds +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutRupeeIcon.svg b/polaris-icons/icons/PayoutRupeeIcon.svg new file mode 100644 index 00000000000..10f05ea7ac2 --- /dev/null +++ b/polaris-icons/icons/PayoutRupeeIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutRupeeIcon.yml b/polaris-icons/icons/PayoutRupeeIcon.yml new file mode 100644 index 00000000000..68563e9888a --- /dev/null +++ b/polaris-icons/icons/PayoutRupeeIcon.yml @@ -0,0 +1,10 @@ +name: Payout rupee +description: Used to label payout transactions in rupees +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07 diff --git a/polaris-icons/icons/PayoutYenIcon.svg b/polaris-icons/icons/PayoutYenIcon.svg new file mode 100644 index 00000000000..f520236bd0f --- /dev/null +++ b/polaris-icons/icons/PayoutYenIcon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/polaris-icons/icons/PayoutYenIcon.yml b/polaris-icons/icons/PayoutYenIcon.yml new file mode 100644 index 00000000000..fc13d36f9a3 --- /dev/null +++ b/polaris-icons/icons/PayoutYenIcon.yml @@ -0,0 +1,10 @@ +name: Payout yen +description: Used to label payout transactions in yen +keywords: + - finances + - financial accounts + - transactions +authors: + - Eduardo Mujica +date_added: 2024-06-07 +date_modified: 2024-06-07