From 2b54cdab2682cf87b747d5063e5bc17f19f30f6d Mon Sep 17 00:00:00 2001 From: sohee Date: Thu, 19 Dec 2024 16:32:20 +0900 Subject: [PATCH 1/3] fix(icon): white -> currentColor --- .../src/Communication/ic-birthday-primary.tsx | 8 +- .../Communication/ic-birthday-secondary.tsx | 8 +- packages/icons/src/Communication/ic-phone.tsx | 2 +- .../icons/src/General/ic-dots-vertical.tsx | 88 +++++++++---------- 4 files changed, 49 insertions(+), 57 deletions(-) diff --git a/packages/icons/src/Communication/ic-birthday-primary.tsx b/packages/icons/src/Communication/ic-birthday-primary.tsx index 6806882..439d014 100644 --- a/packages/icons/src/Communication/ic-birthday-primary.tsx +++ b/packages/icons/src/Communication/ic-birthday-primary.tsx @@ -7,7 +7,7 @@ const IconBirthdayPrimary = forwardRef( ( width='20' height='8.43652' rx='3' - stroke='white' + stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /> - + ); }); diff --git a/packages/icons/src/Communication/ic-birthday-secondary.tsx b/packages/icons/src/Communication/ic-birthday-secondary.tsx index a79af7d..28cd998 100644 --- a/packages/icons/src/Communication/ic-birthday-secondary.tsx +++ b/packages/icons/src/Communication/ic-birthday-secondary.tsx @@ -7,19 +7,19 @@ const IconBirthdaySecondary = forwardRef - + diff --git a/packages/icons/src/Communication/ic-phone.tsx b/packages/icons/src/Communication/ic-phone.tsx index 638805d..00fb3d6 100644 --- a/packages/icons/src/Communication/ic-phone.tsx +++ b/packages/icons/src/Communication/ic-phone.tsx @@ -7,7 +7,7 @@ const IconPhone = forwardRef((props, ref) => { {} -const IconDotsVertical = forwardRef( - (props, ref) => { - return ( - - - - - - - - - ); - } -); +const IconDotsVertical = forwardRef((props, ref) => { + return ( + + + + + + + + + ); +}); export default IconDotsVertical; From 485888498397116b14f043471c5a7291296ae955 Mon Sep 17 00:00:00 2001 From: sohee Date: Thu, 19 Dec 2024 17:16:28 +0900 Subject: [PATCH 2/3] feat(icon): add Logo, Communication/location --- apps/docs/src/stories/Icons.stories.tsx | 52 +++++++++++++++++++ packages/icons/index.ts | 19 +++---- .../src/Communication/ic-location-filled.tsx | 18 +++++++ .../icons/src/Communication/ic-location.tsx | 18 +++++++ packages/icons/src/Communication/index.ts | 2 + packages/icons/src/Logo/ic-apple.tsx | 16 ++++++ packages/icons/src/Logo/ic-behance.tsx | 37 +++++++++++++ packages/icons/src/Logo/ic-facebook.tsx | 16 ++++++ packages/icons/src/Logo/ic-github.tsx | 27 ++++++++++ packages/icons/src/Logo/ic-google-color.tsx | 36 +++++++++++++ packages/icons/src/Logo/ic-google-mono.tsx | 16 ++++++ packages/icons/src/Logo/ic-instagram.tsx | 38 ++++++++++++++ packages/icons/src/Logo/ic-kakao.tsx | 30 +++++++++++ packages/icons/src/Logo/ic-linkedin.tsx | 30 +++++++++++ packages/icons/src/Logo/ic-playstore.tsx | 25 +++++++++ packages/icons/src/Logo/index.ts | 10 ++++ 16 files changed, 381 insertions(+), 9 deletions(-) create mode 100644 packages/icons/src/Communication/ic-location-filled.tsx create mode 100644 packages/icons/src/Communication/ic-location.tsx create mode 100644 packages/icons/src/Logo/ic-apple.tsx create mode 100644 packages/icons/src/Logo/ic-behance.tsx create mode 100644 packages/icons/src/Logo/ic-facebook.tsx create mode 100644 packages/icons/src/Logo/ic-github.tsx create mode 100644 packages/icons/src/Logo/ic-google-color.tsx create mode 100644 packages/icons/src/Logo/ic-google-mono.tsx create mode 100644 packages/icons/src/Logo/ic-instagram.tsx create mode 100644 packages/icons/src/Logo/ic-kakao.tsx create mode 100644 packages/icons/src/Logo/ic-linkedin.tsx create mode 100644 packages/icons/src/Logo/ic-playstore.tsx create mode 100644 packages/icons/src/Logo/index.ts diff --git a/apps/docs/src/stories/Icons.stories.tsx b/apps/docs/src/stories/Icons.stories.tsx index 72a55ff..5b3ee41 100644 --- a/apps/docs/src/stories/Icons.stories.tsx +++ b/apps/docs/src/stories/Icons.stories.tsx @@ -95,6 +95,14 @@ export const Default = {

send

+
+ +

location

+
+
+ +

location-filled

+
@@ -616,6 +624,50 @@ export const Default = {

users

+ +
+

Logo

+
+ +

apple

+
+
+ +

behance

+
+
+ +

facebook

+
+
+ +

github

+
+
+ +

google-color

+
+
+ +

google-mono

+
+
+ +

instagram

+
+
+ +

kakao

+
+
+ +

linkedin

+
+
+ +

playstore

+
+
); }, diff --git a/packages/icons/index.ts b/packages/icons/index.ts index c485204..045b2f9 100644 --- a/packages/icons/index.ts +++ b/packages/icons/index.ts @@ -1,9 +1,10 @@ -export * from "./src/Communication/index"; -export * from "./src/Editor/index"; -export * from "./src/Feedback/index"; -export * from "./src/Files/index"; -export * from "./src/General/index"; -export * from "./src/Interaction/index"; -export * from "./src/Media/index"; -export * from "./src/Time/index"; -export * from "./src/Users/index"; +export * from './src/Communication/index'; +export * from './src/Editor/index'; +export * from './src/Feedback/index'; +export * from './src/Files/index'; +export * from './src/General/index'; +export * from './src/Interaction/index'; +export * from './src/Media/index'; +export * from './src/Time/index'; +export * from './src/Users/index'; +export * from './src/Logo/index'; diff --git a/packages/icons/src/Communication/ic-location-filled.tsx b/packages/icons/src/Communication/ic-location-filled.tsx new file mode 100644 index 0000000..1186edd --- /dev/null +++ b/packages/icons/src/Communication/ic-location-filled.tsx @@ -0,0 +1,18 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconLocationFilledProps extends HTMLAttributes {} + +const IconLocationFilled = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLocationFilled; diff --git a/packages/icons/src/Communication/ic-location.tsx b/packages/icons/src/Communication/ic-location.tsx new file mode 100644 index 0000000..b48512e --- /dev/null +++ b/packages/icons/src/Communication/ic-location.tsx @@ -0,0 +1,18 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconLocationProps extends HTMLAttributes {} + +const IconLocation = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconLocation; diff --git a/packages/icons/src/Communication/index.ts b/packages/icons/src/Communication/index.ts index e162222..c694018 100644 --- a/packages/icons/src/Communication/index.ts +++ b/packages/icons/src/Communication/index.ts @@ -19,3 +19,5 @@ export { default as IconMessageX } from './ic-message-x'; export { default as IconPhone } from './ic-phone'; export { default as IconPin } from './ic-pin'; export { default as IconSend } from './ic-send'; +export { default as IconLocation } from './ic-location'; +export { default as IconLocationFilled } from './ic-location-filled'; diff --git a/packages/icons/src/Logo/ic-apple.tsx b/packages/icons/src/Logo/ic-apple.tsx new file mode 100644 index 0000000..523bad6 --- /dev/null +++ b/packages/icons/src/Logo/ic-apple.tsx @@ -0,0 +1,16 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconAppleProps extends HTMLAttributes {} + +const IconApple = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconApple; diff --git a/packages/icons/src/Logo/ic-behance.tsx b/packages/icons/src/Logo/ic-behance.tsx new file mode 100644 index 0000000..1090f9a --- /dev/null +++ b/packages/icons/src/Logo/ic-behance.tsx @@ -0,0 +1,37 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconBehanceProps extends HTMLAttributes {} + +const IconBehance = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + + + ); +}); + +export default IconBehance; diff --git a/packages/icons/src/Logo/ic-facebook.tsx b/packages/icons/src/Logo/ic-facebook.tsx new file mode 100644 index 0000000..fe7e64b --- /dev/null +++ b/packages/icons/src/Logo/ic-facebook.tsx @@ -0,0 +1,16 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconFacebookProps extends HTMLAttributes {} + +const IconFacebook = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconFacebook; diff --git a/packages/icons/src/Logo/ic-github.tsx b/packages/icons/src/Logo/ic-github.tsx new file mode 100644 index 0000000..5f49f16 --- /dev/null +++ b/packages/icons/src/Logo/ic-github.tsx @@ -0,0 +1,27 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconGithubProps extends HTMLAttributes {} + +const IconGithub = forwardRef((props, ref) => { + return ( + + + + + + + + + + + + ); +}); + +export default IconGithub; diff --git a/packages/icons/src/Logo/ic-google-color.tsx b/packages/icons/src/Logo/ic-google-color.tsx new file mode 100644 index 0000000..25a8f85 --- /dev/null +++ b/packages/icons/src/Logo/ic-google-color.tsx @@ -0,0 +1,36 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconGoogleColorProps extends HTMLAttributes {} + +const IconGoogleColor = forwardRef((props, ref) => { + return ( + + + + + + + ); +}); + +export default IconGoogleColor; diff --git a/packages/icons/src/Logo/ic-google-mono.tsx b/packages/icons/src/Logo/ic-google-mono.tsx new file mode 100644 index 0000000..fceb130 --- /dev/null +++ b/packages/icons/src/Logo/ic-google-mono.tsx @@ -0,0 +1,16 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconGoogleMonoProps extends HTMLAttributes {} + +const IconGoogleMono = forwardRef((props, ref) => { + return ( + + + + ); +}); + +export default IconGoogleMono; diff --git a/packages/icons/src/Logo/ic-instagram.tsx b/packages/icons/src/Logo/ic-instagram.tsx new file mode 100644 index 0000000..f178839 --- /dev/null +++ b/packages/icons/src/Logo/ic-instagram.tsx @@ -0,0 +1,38 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconInstagramProps extends HTMLAttributes { + width?: number; + height?: number; +} + +const IconInstagram = forwardRef((props, ref) => { + const { width = 24, height = 24 } = props; + + return ( + + + + + + + + + + + + + ); +}); + +export default IconInstagram; diff --git a/packages/icons/src/Logo/ic-kakao.tsx b/packages/icons/src/Logo/ic-kakao.tsx new file mode 100644 index 0000000..e48faef --- /dev/null +++ b/packages/icons/src/Logo/ic-kakao.tsx @@ -0,0 +1,30 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconKakaoProps extends HTMLAttributes { + width?: number; + height?: number; +} + +const IconKakao = forwardRef((props, ref) => { + const { width = 24, height = 24 } = props; + + return ( + + + + + + + + + + + ); +}); + +export default IconKakao; diff --git a/packages/icons/src/Logo/ic-linkedin.tsx b/packages/icons/src/Logo/ic-linkedin.tsx new file mode 100644 index 0000000..8bf3411 --- /dev/null +++ b/packages/icons/src/Logo/ic-linkedin.tsx @@ -0,0 +1,30 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconLinkedinProps extends HTMLAttributes { + width?: number; + height?: number; +} + +const IconLinkedin = forwardRef((props, ref) => { + const { width = 24, height = 24 } = props; + + return ( + + + + + + + + + + + ); +}); + +export default IconLinkedin; diff --git a/packages/icons/src/Logo/ic-playstore.tsx b/packages/icons/src/Logo/ic-playstore.tsx new file mode 100644 index 0000000..42076e1 --- /dev/null +++ b/packages/icons/src/Logo/ic-playstore.tsx @@ -0,0 +1,25 @@ +import { HTMLAttributes, forwardRef } from 'react'; + +interface IconPlaystoreProps extends HTMLAttributes {} + +const IconPlaystore = forwardRef((props, ref) => { + return ( + + + + + + + ); +}); + +export default IconPlaystore; diff --git a/packages/icons/src/Logo/index.ts b/packages/icons/src/Logo/index.ts new file mode 100644 index 0000000..963a0fd --- /dev/null +++ b/packages/icons/src/Logo/index.ts @@ -0,0 +1,10 @@ +export { default as IconApple } from './ic-apple'; +export { default as IconBehance } from './ic-behance'; +export { default as IconFacebook } from './ic-facebook'; +export { default as IconGithub } from './ic-github'; +export { default as IconGoogleColor } from './ic-google-color'; +export { default as IconGoogleMono } from './ic-google-mono'; +export { default as IconInstagram } from './ic-instagram'; +export { default as IconKakao } from './ic-kakao'; +export { default as IconLinkedin } from './ic-linkedin'; +export { default as IconPlaystore } from './ic-playstore'; From 059417686d0c4f364b703a8f26002a7f236ee620 Mon Sep 17 00:00:00 2001 From: sohee Date: Thu, 19 Dec 2024 17:18:11 +0900 Subject: [PATCH 3/3] add changeset --- .changeset/tasty-teachers-burn.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/tasty-teachers-burn.md diff --git a/.changeset/tasty-teachers-burn.md b/.changeset/tasty-teachers-burn.md new file mode 100644 index 0000000..561aa5f --- /dev/null +++ b/.changeset/tasty-teachers-burn.md @@ -0,0 +1,5 @@ +--- +'@sopt-makers/icons': minor +--- + +Fix white -> currentColor, add Logo and Communication/location