@likelion-design/ui 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/dist/bootcamp-black-HQ5XAYV3.svg +12 -0
- package/dist/bootcamp-primary-H6NGWAZO.svg +12 -0
- package/dist/bootcamp-white-XZIU3P5F.svg +12 -0
- package/dist/favicon-black-J4BEQLLU.svg +16 -0
- package/dist/favicon-primary-CFPI57CU.svg +8 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/likelion-eng-black-4SX2R7NN.svg +5 -0
- package/dist/likelion-eng-primary-CJG3E2VB.svg +5 -0
- package/dist/likelion-eng-white-Y5UFQG4I.svg +5 -0
- package/dist/likelion-kr-black-ZEA5772C.svg +12 -0
- package/dist/likelion-kr-primary-62X7DUP7.svg +12 -0
- package/dist/likelion-kr-white-ST7I4FW3.svg +12 -0
- package/dist/symbol-black-2T7FXCLT.svg +12 -0
- package/dist/symbol-primary-ZRQGWUW5.svg +12 -0
- package/dist/symbol-white-B3EDKUWQ.svg +12 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -43,6 +43,16 @@ function App() {
|
|
|
43
43
|
|
|
44
44
|
필요한 컴포넌트만 import하면 번들러가 tree-shaking 합니다.
|
|
45
45
|
|
|
46
|
+
### 3. Logo 사용 (선택)
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
import { Logo } from "@likelion-design/ui";
|
|
50
|
+
|
|
51
|
+
<Logo size="medium" type="likelion-kr" color="primary" />
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
로고 SVG는 패키지 번들에 포함되어 있어 별도 설정 없이 사용할 수 있습니다.
|
|
55
|
+
|
|
46
56
|
---
|
|
47
57
|
|
|
48
58
|
## Tailwind 통합 (선택)
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="197" height="24" viewBox="0 0 197 24" fill="none">
|
|
2
|
+
<g clip-path="url(#clip0_953_200_bootcamp)">
|
|
3
|
+
<path d="M15.3462 18.1619H31.7216V23.4877H12.6875V9.0344L-0.5 0.778973H15.3462V18.1577V18.1619ZM31.7216 9.0344L44.9091 0.778973H31.7216V9.03016V9.0344ZM66.297 8.17499H70.4289V15.2238H74.2941V0H70.4289V5.1734H66.297V1.10496H53.99V12.2731H66.297V8.17499ZM62.5164 9.06827H57.7706V4.30975H62.5164V9.06827ZM67.6136 14.792V13.8141H63.7018V14.792C63.7018 15.2916 63.5833 15.7022 62.3174 16.6167L56.1999 21.0577L58.3167 24L64.4342 19.559C64.9041 19.2076 65.3148 18.852 65.6704 18.5006C66.0218 18.852 66.4367 19.2076 66.9066 19.559L73.0241 24L75.1409 21.0577L69.0234 16.6167C67.7575 15.7065 67.6094 15.2916 67.6094 14.792H67.6136ZM85.8433 7.04886V1.10496H82.0881V7.04886C82.0881 8.23426 81.9145 8.81002 80.7884 10.4018L75.7589 17.438L78.6462 19.5167L83.6757 12.4805C83.79 12.3366 83.8789 12.1926 83.9636 12.0741C84.0482 12.1884 84.1371 12.3323 84.2514 12.4805L89.2809 19.5167L92.1682 17.438L87.1387 10.4018C86.0126 8.81425 85.839 8.23426 85.839 7.04886H85.8433ZM97.0071 0H93.1419V24H97.0071V12.3027H100.517V9.03016H97.0071V0ZM169.223 5.31311H167.403V0.266714H163.813V13.7506H167.403V8.58141H169.223V14.0088H172.894V0H169.223V5.31311ZM155.388 24H172.894V15.0503H155.388V24ZM159.173 18.0265H169.054V21.028H159.173V18.0265ZM161.548 8.86506C162.246 7.36215 162.428 5.69413 162.428 5.69413C162.5 5.13953 162.547 3.66626 162.547 3.16246V0.690069H152.42V3.94144H159.113C159.101 4.41136 159.037 5.29617 158.948 5.78726H152.42V8.87352H157.496C156.078 10.3934 153.931 11.0284 152.035 11.4814L152.869 14.8471C157.276 13.8056 160.172 11.892 161.548 8.86929V8.86506ZM180.251 11.9555H177.351V15.0503H194.891V11.9555H191.966V4.41559H194.921V1.29547H177.326V4.41559H180.251V11.9555ZM184.117 4.41559H188.134V11.9555H184.117V4.41559ZM174.773 18.0265V21.2482H197.474V18.0265H174.773ZM148.161 11.9555H135.448V9.72447H148.161V6.71441H135.448V4.41983H148.161V1.29547H131.557V15.0503H148.161V11.9555ZM128.509 21.2482H151.209V18.0265H128.509V21.2482ZM105.318 17.04H114.602V24H118.569V17.04H127.853V13.8183H105.318V17.04ZM124.656 0.690069H120.876V3.35297H112.328V0.690069H108.518V11.7481H124.656V0.690069ZM120.876 8.65338H112.328V6.39266H120.876V8.65338Z" fill="black"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_953_200_bootcamp">
|
|
7
|
+
<rect width="197" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
11
|
+
|
|
12
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="197" height="24" viewBox="0 0 197 24" fill="none">
|
|
2
|
+
<g clip-path="url(#clip0_953_198_bootcamp)">
|
|
3
|
+
<path d="M15.3462 18.1619H31.7216V23.4877H12.6875V9.0344L-0.5 0.778973H15.3462V18.1577V18.1619ZM31.7216 9.0344L44.9091 0.778973H31.7216V9.03016V9.0344ZM66.297 8.17499H70.4289V15.2238H74.2941V0H70.4289V5.1734H66.297V1.10496H53.99V12.2731H66.297V8.17499ZM62.5164 9.06827H57.7706V4.30975H62.5164V9.06827ZM67.6136 14.792V13.8141H63.7018V14.792C63.7018 15.2916 63.5833 15.7022 62.3174 16.6167L56.1999 21.0577L58.3167 24L64.4342 19.559C64.9041 19.2076 65.3148 18.852 65.6704 18.5006C66.0218 18.852 66.4367 19.2076 66.9066 19.559L73.0241 24L75.1409 21.0577L69.0234 16.6167C67.7575 15.7065 67.6094 15.2916 67.6094 14.792H67.6136ZM85.8433 7.04886V1.10496H82.0881V7.04886C82.0881 8.23426 81.9145 8.81002 80.7884 10.4018L75.7589 17.438L78.6462 19.5167L83.6757 12.4805C83.79 12.3366 83.8789 12.1926 83.9636 12.0741C84.0482 12.1884 84.1371 12.3323 84.2514 12.4805L89.2809 19.5167L92.1682 17.438L87.1387 10.4018C86.0126 8.81425 85.839 8.23426 85.839 7.04886H85.8433ZM97.0071 0H93.1419V24H97.0071V12.3027H100.517V9.03016H97.0071V0ZM169.223 5.31311H167.403V0.266714H163.813V13.7506H167.403V8.58141H169.223V14.0088H172.894V0H169.223V5.31311ZM155.388 24H172.894V15.0503H155.388V24ZM159.173 18.0265H169.054V21.028H159.173V18.0265ZM161.548 8.86506C162.246 7.36215 162.428 5.69413 162.428 5.69413C162.5 5.13953 162.547 3.66626 162.547 3.16246V0.690069H152.42V3.94144H159.113C159.101 4.41136 159.037 5.29617 158.948 5.78726H152.42V8.87352H157.496C156.078 10.3934 153.931 11.0284 152.035 11.4814L152.869 14.8471C157.276 13.8056 160.172 11.892 161.548 8.86929V8.86506ZM180.251 11.9555H177.351V15.0503H194.891V11.9555H191.966V4.41559H194.921V1.29547H177.326V4.41559H180.251V11.9555ZM184.117 4.41559H188.134V11.9555H184.117V4.41559ZM174.773 18.0265V21.2482H197.474V18.0265H174.773ZM148.161 11.9555H135.448V9.72447H148.161V6.71441H135.448V4.41983H148.161V1.29547H131.557V15.0503H148.161V11.9555ZM128.509 21.2482H151.209V18.0265H128.509V21.2482ZM105.318 17.04H114.602V24H118.569V17.04H127.853V13.8183H105.318V17.04ZM124.656 0.690069H120.876V3.35297H112.328V0.690069H108.518V11.7481H124.656V0.690069ZM120.876 8.65338H112.328V6.39266H120.876V8.65338Z" fill="#FF6000"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_953_198_bootcamp">
|
|
7
|
+
<rect width="197" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
11
|
+
|
|
12
|
+
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="197" height="24" viewBox="0 0 197 24" fill="none">
|
|
2
|
+
<g clip-path="url(#clip0_953_204)">
|
|
3
|
+
<path d="M15.3462 18.1619H31.7216V23.4877H12.6875V9.0344L-0.5 0.778973H15.3462V18.1577V18.1619ZM31.7216 9.0344L44.9091 0.778973H31.7216V9.03016V9.0344ZM66.297 8.17499H70.4289V15.2238H74.2941V0H70.4289V5.1734H66.297V1.10496H53.99V12.2731H66.297V8.17499ZM62.5164 9.06827H57.7706V4.30975H62.5164V9.06827ZM67.6136 14.792V13.8141H63.7018V14.792C63.7018 15.2916 63.5833 15.7022 62.3174 16.6167L56.1999 21.0577L58.3167 24L64.4342 19.559C64.9041 19.2076 65.3148 18.852 65.6704 18.5006C66.0218 18.852 66.4367 19.2076 66.9066 19.559L73.0241 24L75.1409 21.0577L69.0234 16.6167C67.7575 15.7065 67.6094 15.2916 67.6094 14.792H67.6136ZM85.8433 7.04886V1.10496H82.0881V7.04886C82.0881 8.23426 81.9145 8.81002 80.7884 10.4018L75.7589 17.438L78.6462 19.5167L83.6757 12.4805C83.79 12.3366 83.8789 12.1926 83.9636 12.0741C84.0482 12.1884 84.1371 12.3323 84.2514 12.4805L89.2809 19.5167L92.1682 17.438L87.1387 10.4018C86.0126 8.81425 85.839 8.23426 85.839 7.04886H85.8433ZM97.0071 0H93.1419V24H97.0071V12.3027H100.517V9.03016H97.0071V0ZM169.223 5.31311H167.403V0.266714H163.813V13.7506H167.403V8.58141H169.223V14.0088H172.894V0H169.223V5.31311ZM155.388 24H172.894V15.0503H155.388V24ZM159.173 18.0265H169.054V21.028H159.173V18.0265ZM161.548 8.86506C162.246 7.36215 162.428 5.69413 162.428 5.69413C162.5 5.13953 162.547 3.66626 162.547 3.16246V0.690069H152.42V3.94144H159.113C159.101 4.41136 159.037 5.29617 158.948 5.78726H152.42V8.87352H157.496C156.078 10.3934 153.931 11.0284 152.035 11.4814L152.869 14.8471C157.276 13.8056 160.172 11.892 161.548 8.86929V8.86506ZM180.251 11.9555H177.351V15.0503H194.891V11.9555H191.966V4.41559H194.921V1.29547H177.326V4.41559H180.251V11.9555ZM184.117 4.41559H188.134V11.9555H184.117V4.41559ZM174.773 18.0265V21.2482H197.474V18.0265H174.773ZM148.161 11.9555H135.448V9.72447H148.161V6.71441H135.448V4.41983H148.161V1.29547H131.557V15.0503H148.161V11.9555ZM128.509 21.2482H151.209V18.0265H128.509V21.2482ZM105.318 17.04H114.602V24H118.569V17.04H127.853V13.8183H105.318V17.04ZM124.656 0.690069H120.876V3.35297H112.328V0.690069H108.518V11.7481H124.656V0.690069ZM120.876 8.65338H112.328V6.39266H120.876V8.65338Z" fill="white"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_953_204">
|
|
7
|
+
<rect width="197" height="24" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
11
|
+
|
|
12
|
+
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="64" height="64" fill="black"/>
|
|
3
|
+
<g clip-path="url(#clip0_243_6271)">
|
|
4
|
+
<g clip-path="url(#clip1_243_6271)">
|
|
5
|
+
<path d="M6 19L21.3921 28.632V45.5H43.6116V39.2872H24.4985V19H6ZM43.6079 19V28.632L59 19H43.6079Z" fill="white"/>
|
|
6
|
+
</g>
|
|
7
|
+
</g>
|
|
8
|
+
<defs>
|
|
9
|
+
<clipPath id="clip0_243_6271">
|
|
10
|
+
<rect width="53" height="26.5" fill="white" transform="translate(6 19)"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
<clipPath id="clip1_243_6271">
|
|
13
|
+
<rect width="53" height="26.5" fill="white" transform="translate(6 19)"/>
|
|
14
|
+
</clipPath>
|
|
15
|
+
</defs>
|
|
16
|
+
</svg>
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
|
|
2
|
+
<!-- 오렌지 배경 (#ff6000) -->
|
|
3
|
+
<rect width="64" height="64" fill="#ff6000"/>
|
|
4
|
+
<!-- 흰색 심볼 (padding: 19px 5px 18.5px 6px, 심볼 크기: 53px x 26.5px) -->
|
|
5
|
+
<g transform="translate(6, 19)">
|
|
6
|
+
<path d="M0 0L34.85 21.8083V60H85.1583V45.9333H41.8833V0H0ZM85.15 0V21.8083L120 0H85.15Z" fill="white" transform="scale(0.4417)"/>
|
|
7
|
+
</g>
|
|
8
|
+
</svg>
|