From fbd43262d7cdfdc3c6c5d5b11d5fda08cfb92cf2 Mon Sep 17 00:00:00 2001 From: Roland Bewick Date: Wed, 18 Oct 2023 12:32:32 +0700 Subject: [PATCH] chore: update icons with consistent viewbox --- src/components/icons/albyIcon.ts | 2 ++ src/components/icons/albyLogo.ts | 2 ++ src/components/icons/backIcon.ts | 7 +++++-- src/components/icons/bcCircleIcon.ts | 3 +++ src/components/icons/bcConnectedIcon.ts | 4 +++- src/components/icons/bcIcon.ts | 3 +++ src/components/icons/bcLogo.ts | 3 +++ src/components/icons/crossIcon.ts | 10 +++++----- src/components/icons/disconnectIcon.ts | 3 +++ src/components/icons/helpIcon.ts | 12 ++++++++---- src/components/icons/linkIcon.ts | 3 +++ src/components/icons/loadingIcon.ts | 4 ++++ src/components/icons/satIcon.ts | 3 +++ 13 files changed, 47 insertions(+), 12 deletions(-) diff --git a/src/components/icons/albyIcon.ts b/src/components/icons/albyIcon.ts index 7d3ea15..2e752b1 100644 --- a/src/components/icons/albyIcon.ts +++ b/src/components/icons/albyIcon.ts @@ -1,5 +1,7 @@ import {svg} from 'lit'; +// WARNING: this icon is colored to work OK on both light and dark modes + export const albyIcon = svg` diff --git a/src/components/icons/albyLogo.ts b/src/components/icons/albyLogo.ts index 7c21725..5958e41 100644 --- a/src/components/icons/albyLogo.ts +++ b/src/components/icons/albyLogo.ts @@ -1,5 +1,7 @@ import {svg} from 'lit'; +// WARNING: this icon is colored to work OK on both light and dark modes + export const albyLogo = svg` diff --git a/src/components/icons/backIcon.ts b/src/components/icons/backIcon.ts index 00a6247..59c88fc 100644 --- a/src/components/icons/backIcon.ts +++ b/src/components/icons/backIcon.ts @@ -1,6 +1,9 @@ import {svg} from 'lit'; -export const backIcon = svg` - +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" + +export const backIcon = svg` + `; diff --git a/src/components/icons/bcCircleIcon.ts b/src/components/icons/bcCircleIcon.ts index a0649be..cfc4627 100644 --- a/src/components/icons/bcCircleIcon.ts +++ b/src/components/icons/bcCircleIcon.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change primary color to "currentColor" + export const bcCircleIcon = svg` diff --git a/src/components/icons/bcConnectedIcon.ts b/src/components/icons/bcConnectedIcon.ts index f884e31..fe01c3b 100644 --- a/src/components/icons/bcConnectedIcon.ts +++ b/src/components/icons/bcConnectedIcon.ts @@ -1,7 +1,9 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" + export const bcConnectedIcon = svg` - `; diff --git a/src/components/icons/bcIcon.ts b/src/components/icons/bcIcon.ts index f56f58f..af14981 100644 --- a/src/components/icons/bcIcon.ts +++ b/src/components/icons/bcIcon.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" + export const bcIcon = svg` diff --git a/src/components/icons/bcLogo.ts b/src/components/icons/bcLogo.ts index 15bef60..b4aa61f 100644 --- a/src/components/icons/bcLogo.ts +++ b/src/components/icons/bcLogo.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" + export const bcLogo = svg` diff --git a/src/components/icons/crossIcon.ts b/src/components/icons/crossIcon.ts index b062b2c..ed8c1ae 100644 --- a/src/components/icons/crossIcon.ts +++ b/src/components/icons/crossIcon.ts @@ -1,7 +1,7 @@ import {svg} from 'lit'; -export const crossIcon = svg` - - - -`; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" +export const crossIcon = svg` + +`; diff --git a/src/components/icons/disconnectIcon.ts b/src/components/icons/disconnectIcon.ts index c71f178..810f790 100644 --- a/src/components/icons/disconnectIcon.ts +++ b/src/components/icons/disconnectIcon.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" +// - add class="hover-right" to the second path for the arrow animation export const disconnectIcon = svg` diff --git a/src/components/icons/helpIcon.ts b/src/components/icons/helpIcon.ts index 7163a28..f1a8ddd 100644 --- a/src/components/icons/helpIcon.ts +++ b/src/components/icons/helpIcon.ts @@ -1,6 +1,10 @@ import {svg} from 'lit'; -export const helpIcon = svg` - - -`; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" +export const helpIcon = svg` + + + + +`; diff --git a/src/components/icons/linkIcon.ts b/src/components/icons/linkIcon.ts index c124a4b..2ce7ca9 100644 --- a/src/components/icons/linkIcon.ts +++ b/src/components/icons/linkIcon.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" +// - add class="hover-right" to the second path for the arrow animation export const linkIcon = svg` diff --git a/src/components/icons/loadingIcon.ts b/src/components/icons/loadingIcon.ts index 602672c..7b70d3a 100644 --- a/src/components/icons/loadingIcon.ts +++ b/src/components/icons/loadingIcon.ts @@ -1,5 +1,9 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - add animate-spin class +// - change all colors to "currentColor" + export const loadingIcon = svg` diff --git a/src/components/icons/satIcon.ts b/src/components/icons/satIcon.ts index 96f5683..03bb25f 100644 --- a/src/components/icons/satIcon.ts +++ b/src/components/icons/satIcon.ts @@ -1,5 +1,8 @@ import {svg} from 'lit'; +// WARNING: if replacing this icon make sure to: +// - change all colors to "currentColor" + export const satIcon = svg` `;