Refactor/#21: 오류 페이지 PNG, 그외 SVG 추가 및 Dropdown box-shadow 수정 (#22)

* feat: Idea 컴포넌트에 사용될 SVGFeedMore24 추가

* feat: ErrorBoundary에 활용될 에러 페이지 배경 추가

* design: dropdown box-shadow 수정

* chore: 버저닝 0.4.4 업데이트

* refactor: Button 컴포넌트 theme 통해서 font style 지정

* chore: 버저닝 업데이트

package.json

@@ -1,7 +1,7 @@
 {
   "name": "concept-be-design-system",
   "description": "컨셉비 디자인 시스템",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

src/components/Button/Button.tsx

@@ -41,8 +41,8 @@ const Wrapper = styled.button<{ isGrayOut: boolean }>`
     isGrayOut ? theme.color.b : theme.color.w1};
   border: none;
   border-radius: 6px;
-  font-size: 16px;
-  font-weight: 600;
+  font-size: ${({ theme }) => theme.font.suit16sb.fontSize}px;
+  font-weight: ${({ theme }) => theme.font.suit16sb.fontWeight};
   width: 100%;
   padding: 17px 28px;
   cursor: pointer;

src/components/Dropdown/Dropdown.tsx

@@ -113,7 +113,7 @@ const PanelWrapper = styled.ul`
   width: 100%;
 
   background-color: ${({ theme }) => theme.color.w1};
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
   border-radius: 6px;
   max-height: 125px;
   overflow: auto;

src/index.ts

@@ -1,5 +1,6 @@
 import PNGAgreementBackground from './assets/image/agreement_bg.png';
 import PNGBottomBackground from './assets/image/bottom_bg.png';
+import PNGErrorBackground from './assets/image/error_back.png';
 import PNGIdeaBackground1 from './assets/image/idea_back_1.png';
 import PNGIdeaBackground2 from './assets/image/idea_back_2.png';
 import PNGIdeaBackground3 from './assets/image/idea_back_3.png';
@@ -81,6 +82,7 @@ export { ReactComponent as SVGFeedReCommentLine } from './assets/svg/feed/re_com
 export { ReactComponent as SVGFeedScrap } from './assets/svg/feed/scrap.svg';
 export { ReactComponent as SVGFeedUnLike } from './assets/svg/feed/unlike.svg';
 export { ReactComponent as SVGFeedUnScrap } from './assets/svg/feed/unscrap.svg';
+export { ReactComponent as SVGMore24 } from './assets/svg/feed/more.svg';
 
 export {
   Badge,
@@ -114,4 +116,5 @@ export {
   PNGIdeaBackground3,
   PNGIdeaBackground4,
   PNGIdeaBackground5,
+  PNGErrorBackground,
 };