@liner-fe/icon 0.0.3 → 0.0.5

package/assets/folder-share/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface FolderShareProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const FolderShare = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: FolderShareProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36 31.5C37.6686 31.5 39.2179 32.0109 40.5 32.8848C40.5872 32.9442 40.6731 33.0056 40.7578 33.0684C40.7957 33.0964 40.8327 33.1256 40.8701 33.1543C40.929 33.1995 40.9874 33.2452 41.0449 33.292C41.0826 33.3226 41.1192 33.3544 41.1562 33.3857C41.2053 33.4271 41.2537 33.4692 41.3018 33.5117C41.3428 33.5481 41.3845 33.5839 41.4248 33.6211C41.4715 33.6642 41.5168 33.7087 41.5625 33.7529C41.7108 33.8965 41.8534 34.0456 41.9902 34.2002C42.0393 34.2557 42.0882 34.3113 42.1357 34.3682C42.1678 34.4065 42.1991 34.4455 42.2305 34.4844C42.2686 34.5317 42.3057 34.5797 42.3428 34.6279C42.3787 34.6747 42.4153 34.721 42.4502 34.7686C42.4927 34.8265 42.5342 34.8852 42.5752 34.9443C42.598 34.9772 42.6212 35.0098 42.6436 35.043C42.708 35.1389 42.7707 35.2361 42.8311 35.335C42.8494 35.365 42.8668 35.3955 42.8848 35.4258C42.9247 35.4932 42.9639 35.5612 43.002 35.6299C43.0295 35.6795 43.0556 35.73 43.082 35.7803C43.1083 35.8301 43.134 35.8802 43.1592 35.9307C43.186 35.9844 43.2126 36.0383 43.2383 36.0928C43.2701 36.1603 43.3011 36.2283 43.3311 36.2969C43.3467 36.3327 43.3628 36.3683 43.3779 36.4043C43.4206 36.5058 43.4615 36.6083 43.5 36.7119C43.8229 37.5801 44 38.5193 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 39.4592 28.0023 39.4186 28.0029 39.3779C28.0062 39.1632 28.0161 38.9505 28.0361 38.7402L28.041 38.6816C28.4509 34.6478 31.858 31.5 36 31.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V19.0254C42.732 17.8699 41.7043 16.9029 40.5 16.2061V13.5H22.5L19.5 9.5H7.5V38H24.0928C24.0314 38.4913 24 38.992 24 39.5V41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M36 19C38.1665 19 40.0098 20.3784 40.7041 22.3057C40.713 22.3303 40.721 22.3551 40.7295 22.3799C40.7508 22.442 40.7721 22.5042 40.791 22.5674C40.7979 22.5904 40.804 22.6136 40.8105 22.6367C40.828 22.6984 40.8443 22.7606 40.8594 22.8232C40.8663 22.8518 40.8725 22.8805 40.8789 22.9092C40.8926 22.9706 40.9046 23.0325 40.916 23.0947C40.9206 23.1198 40.9255 23.1448 40.9297 23.1699C40.9409 23.2369 40.9505 23.3042 40.959 23.3721C40.9618 23.3948 40.9652 23.4176 40.9678 23.4404C40.976 23.5142 40.9823 23.5884 40.9873 23.6631C40.9886 23.6826 40.9901 23.7021 40.9912 23.7217C40.9963 23.8138 41 23.9066 41 24C41 24.0931 40.9962 24.1855 40.9912 24.2773C40.9901 24.2969 40.9886 24.3164 40.9873 24.3359C40.9823 24.4106 40.976 24.4848 40.9678 24.5586C40.9653 24.5811 40.9618 24.6035 40.959 24.626C40.9503 24.6955 40.9402 24.7644 40.9287 24.833C40.9251 24.8542 40.9218 24.8754 40.918 24.8965C40.9061 24.962 40.8933 25.0272 40.8789 25.0918C40.8727 25.1196 40.866 25.1472 40.8594 25.1748C40.8434 25.2411 40.8262 25.3068 40.8076 25.3721C40.8027 25.3893 40.7981 25.4066 40.793 25.4238C40.7716 25.4959 40.7481 25.567 40.7236 25.6377C40.7182 25.6534 40.7126 25.669 40.707 25.6846C40.0154 27.6169 38.1701 29 36 29C33.2386 29 31 26.7614 31 24C31 21.2386 33.2386 19 36 19Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36 31.5C36.131 31.5 36.2612 31.5035 36.3906 31.5098C36.4167 31.511 36.4427 31.5131 36.4688 31.5146C36.5594 31.5199 36.6495 31.5269 36.7393 31.5352C36.7846 31.5393 36.8299 31.5429 36.875 31.5479C36.9679 31.558 37.0604 31.5697 37.1523 31.583C37.1807 31.5871 37.2091 31.5903 37.2373 31.5947C37.3498 31.6122 37.4614 31.6322 37.5723 31.6543C37.6161 31.663 37.6596 31.6732 37.7031 31.6826C37.7902 31.7015 37.8769 31.7215 37.9629 31.7432C37.9923 31.7506 38.0215 31.7589 38.0508 31.7666C38.1301 31.7876 38.2088 31.8097 38.2871 31.833C38.3354 31.8474 38.3837 31.8617 38.4316 31.877C38.6541 31.9479 38.8724 32.0278 39.0859 32.1172C39.1142 32.129 39.1418 32.1422 39.1699 32.1543C39.2489 32.1885 39.3276 32.2232 39.4053 32.2598C39.4449 32.2785 39.4841 32.2981 39.5234 32.3174C39.5888 32.3495 39.6534 32.3831 39.7178 32.417C39.7594 32.4389 39.8016 32.4598 39.8428 32.4824C39.9384 32.5349 40.0328 32.5893 40.126 32.6455C40.1545 32.6627 40.1826 32.6807 40.2109 32.6982C40.2845 32.7439 40.3577 32.7899 40.4297 32.8379C40.4669 32.8627 40.5033 32.8887 40.54 32.9141C40.5939 32.9513 40.6473 32.9889 40.7002 33.0273C40.7407 33.0568 40.7814 33.086 40.8213 33.1162C41.0013 33.2524 41.1751 33.3963 41.3428 33.5469C41.3817 33.5818 41.4198 33.6176 41.458 33.6533C41.4994 33.692 41.5405 33.731 41.5811 33.7705C41.6266 33.8149 41.6714 33.8599 41.7158 33.9053C41.7556 33.9459 41.7951 33.9868 41.834 34.0283C41.8704 34.0671 41.9067 34.106 41.9424 34.1455C41.9963 34.2053 42.0485 34.2667 42.1006 34.3281C42.1513 34.3879 42.201 34.4485 42.25 34.5098C42.2896 34.5594 42.3297 34.6086 42.3682 34.6592C42.3992 34.6999 42.4297 34.7409 42.46 34.7822C42.5024 34.8402 42.5441 34.8988 42.585 34.958C42.6084 34.9919 42.6314 35.0262 42.6543 35.0605C42.6862 35.1083 42.7172 35.1566 42.748 35.2051C42.7971 35.282 42.8451 35.3597 42.8916 35.4385C42.9328 35.5082 42.9736 35.5783 43.0127 35.6494C43.033 35.6863 43.0525 35.7235 43.0723 35.7607C43.1068 35.8259 43.1401 35.8918 43.1729 35.958C43.1969 36.0067 43.221 36.0553 43.2441 36.1045C43.263 36.1446 43.2807 36.1852 43.2988 36.2256C43.3271 36.2885 43.3561 36.3512 43.3828 36.415C43.405 36.468 43.4253 36.5217 43.4463 36.5752C43.8025 37.4813 44 38.4674 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 35.0817 31.5817 31.5 36 31.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V19.0254C41.8878 16.5995 39.1311 15 36 15C31.0294 15 27 19.0294 27 24C27 26.1722 27.7694 28.1648 29.0508 29.7197C25.995 31.8949 24 35.4634 24 39.5V41H6.5C5.39543 41 4.5 40.1046 4.5 39V8.5C4.5 7.39543 5.39543 6.5 6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M36 19C38.7614 19 41 21.2386 41 24C41 26.7614 38.7614 29 36 29C33.2386 29 31 26.7614 31 24C31 21.2386 33.2386 19 36 19Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36 31.5C37.2552 31.5 38.4428 31.7895 39.5 32.3047C39.5296 32.3191 39.5585 32.3348 39.5879 32.3496C39.6636 32.3876 39.7392 32.4255 39.8135 32.4658L39.8398 32.4805C39.8699 32.497 39.8989 32.5154 39.9287 32.5322C42.3585 33.9052 44 36.51 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 39.4592 28.0023 39.4186 28.0029 39.3779C28.0042 39.2933 28.0049 39.209 28.0088 39.125C28.0108 39.0813 28.0149 39.0377 28.0176 38.9941C28.0222 38.921 28.0266 38.848 28.0332 38.7754C28.0389 38.7117 28.0455 38.6482 28.0527 38.585C28.0581 38.5386 28.0642 38.4924 28.0703 38.4463C28.1076 38.1626 28.1603 37.8839 28.2266 37.6104C28.2288 37.6013 28.2302 37.5921 28.2324 37.583C28.2522 37.5024 28.2736 37.4224 28.2959 37.3428C28.3031 37.3171 28.3099 37.2912 28.3174 37.2656C29.2844 33.9349 32.3574 31.5 36 31.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V19.0254C42.5269 17.5612 41.1378 16.397 39.5 15.7051V14.5H22L18.999 10.5H8.5V37H24.2617C24.0906 37.8063 24 38.6425 24 39.5V41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M36 19C38.7614 19 41 21.2386 41 24C41 26.7614 38.7614 29 36 29C33.2386 29 31 26.7614 31 24C31 21.2386 33.2386 19 36 19Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36 31.5C37.6686 31.5 39.2179 32.0109 40.5 32.8848C40.5872 32.9442 40.6731 33.0056 40.7578 33.0684C40.7957 33.0964 40.8327 33.1256 40.8701 33.1543C40.929 33.1995 40.9874 33.2452 41.0449 33.292C41.0826 33.3226 41.1192 33.3544 41.1562 33.3857C41.2053 33.4271 41.2537 33.4692 41.3018 33.5117C41.3428 33.5481 41.3845 33.5839 41.4248 33.6211C41.4715 33.6642 41.5168 33.7087 41.5625 33.7529C41.7108 33.8965 41.8534 34.0456 41.9902 34.2002C42.0393 34.2557 42.0882 34.3113 42.1357 34.3682C42.1678 34.4065 42.1991 34.4455 42.2305 34.4844C42.2686 34.5317 42.3057 34.5797 42.3428 34.6279C42.3787 34.6747 42.4153 34.721 42.4502 34.7686C42.4927 34.8265 42.5342 34.8852 42.5752 34.9443C42.598 34.9772 42.6212 35.0098 42.6436 35.043C42.708 35.1389 42.7707 35.2361 42.8311 35.335C42.8494 35.365 42.8668 35.3955 42.8848 35.4258C42.9247 35.4932 42.9639 35.5612 43.002 35.6299C43.0295 35.6795 43.0556 35.73 43.082 35.7803C43.1083 35.8301 43.134 35.8802 43.1592 35.9307C43.186 35.9844 43.2126 36.0383 43.2383 36.0928C43.2701 36.1603 43.3011 36.2283 43.3311 36.2969C43.3467 36.3327 43.3628 36.3683 43.3779 36.4043C43.4206 36.5058 43.4615 36.6083 43.5 36.7119C43.8229 37.5801 44 38.5193 44 39.5V43C44 44.1046 43.1046 45 42 45H30C28.8954 45 28 44.1046 28 43V39.5C28 39.4592 28.0023 39.4186 28.0029 39.3779C28.0062 39.1632 28.0161 38.9505 28.0361 38.7402L28.041 38.6816C28.4509 34.6478 31.858 31.5 36 31.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V19.0254C42.732 17.8699 41.7043 16.9029 40.5 16.2061V13.5H22.5L19.5 9.5H7.5V38H24.0928C24.0314 38.4913 24 38.992 24 39.5V41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" style={{ fill: `var(--${color})` }}/>
+<path d="M36 19C38.1665 19 40.0098 20.3784 40.7041 22.3057C40.713 22.3303 40.721 22.3551 40.7295 22.3799C40.7508 22.442 40.7721 22.5042 40.791 22.5674C40.7979 22.5904 40.804 22.6136 40.8105 22.6367C40.828 22.6984 40.8443 22.7606 40.8594 22.8232C40.8663 22.8518 40.8725 22.8805 40.8789 22.9092C40.8926 22.9706 40.9046 23.0325 40.916 23.0947C40.9206 23.1198 40.9255 23.1448 40.9297 23.1699C40.9409 23.2369 40.9505 23.3042 40.959 23.3721C40.9618 23.3948 40.9652 23.4176 40.9678 23.4404C40.976 23.5142 40.9823 23.5884 40.9873 23.6631C40.9886 23.6826 40.9901 23.7021 40.9912 23.7217C40.9963 23.8138 41 23.9066 41 24C41 24.0931 40.9962 24.1855 40.9912 24.2773C40.9901 24.2969 40.9886 24.3164 40.9873 24.3359C40.9823 24.4106 40.976 24.4848 40.9678 24.5586C40.9653 24.5811 40.9618 24.6035 40.959 24.626C40.9503 24.6955 40.9402 24.7644 40.9287 24.833C40.9251 24.8542 40.9218 24.8754 40.918 24.8965C40.9061 24.962 40.8933 25.0272 40.8789 25.0918C40.8727 25.1196 40.866 25.1472 40.8594 25.1748C40.8434 25.2411 40.8262 25.3068 40.8076 25.3721C40.8027 25.3893 40.7981 25.4066 40.793 25.4238C40.7716 25.4959 40.7481 25.567 40.7236 25.6377C40.7182 25.6534 40.7126 25.669 40.707 25.6846C40.0154 27.6169 38.1701 29 36 29C33.2386 29 31 26.7614 31 24C31 21.2386 33.2386 19 36 19Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/formal-bag/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface FormalBagProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const FormalBag = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: FormalBagProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17 14V10C17 8.89543 17.8954 8 19 8H29C30.1046 8 31 8.89543 31 10V14H40C41.1046 14 42 14.8954 42 16V38C42 39.1046 41.1046 40 40 40H8C6.89543 40 6 39.1046 6 38V16C6 14.8954 6.89543 14 8 14H17ZM20 14V11H28V14H20ZM15.5 17V37H32.5V17H15.5ZM35.5 17V37H39V17H35.5ZM9 17H12.5V37H9V17Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17 14V10C17 8.89543 17.8954 8 19 8H29C30.1046 8 31 8.89543 31 10V14H40C41.1046 14 42 14.8954 42 16V38C42 39.1046 41.1046 40 40 40H8C6.89543 40 6 39.1046 6 38V16C6 14.8954 6.89543 14 8 14H17ZM20 14V11H28V14H20ZM15.5 17V37H32.5V17H15.5ZM35.5 17V37H39V17H35.5ZM9 17H12.5V37H9V17Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17 14V11C17 9.89543 17.8954 9 19 9H29C30.1046 9 31 9.89543 31 11V14H40C41.1046 14 42 14.8954 42 16V38C42 39.1046 41.1046 40 40 40H8C6.89543 40 6 39.1046 6 38V16C6 14.8954 6.89543 14 8 14H17ZM21 14V13H27V14H21ZM16 18V36H32V18H16ZM36 18V36H38V18H36ZM10 18H12V36H10V18Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17 14V10C17 8.89543 17.8954 8 19 8H29C30.1046 8 31 8.89543 31 10V14H40C41.1046 14 42 14.8954 42 16V38C42 39.1046 41.1046 40 40 40H8C6.89543 40 6 39.1046 6 38V16C6 14.8954 6.89543 14 8 14H17ZM20 14V11H28V14H20ZM15.5 17V37H32.5V17H15.5ZM35.5 17V37H39V17H35.5ZM9 17H12.5V37H9V17Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/globe/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface GlobeProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Globe = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: GlobeProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM27.265 40.6868C32.5447 39.6597 36.9514 36.1892 39.2604 31.5H31.5562C30.6722 34.9176 29.198 38.0376 27.265 40.6868ZM20.735 40.6868C18.802 38.0376 17.3278 34.9176 16.4438 31.5H8.73961C11.0486 36.1892 15.4553 39.6597 20.735 40.6868ZM19.5544 31.5C20.4996 34.7458 22.0385 37.6406 24 39.9982C25.9615 37.6406 27.5004 34.7458 28.4456 31.5H19.5544ZM29.1295 28.5H18.8705C18.6278 27.0481 18.5 25.5435 18.5 24.0002C18.5 22.4568 18.6278 20.9521 18.8706 19.5H29.1294C29.3722 20.9521 29.5 22.4568 29.5 24.0002C29.5 25.5435 29.3722 27.0481 29.1295 28.5ZM32.1666 28.5H40.398C40.7905 27.0667 41 25.5578 41 24C41 22.4422 40.7905 20.9333 40.398 19.5H32.1665C32.3858 20.9625 32.5 22.4665 32.5 24.0002C32.5 25.5338 32.3859 27.0377 32.1666 28.5ZM31.5561 16.5H39.2604C36.9513 11.8107 32.5445 8.34011 27.2646 7.31315C29.1977 9.96236 30.672 13.0823 31.5561 16.5ZM28.4454 16.5C27.5002 13.2544 25.9614 10.3598 24 8.00226C22.0386 10.3598 20.4998 13.2544 19.5546 16.5H28.4454ZM16.4439 16.5C17.328 13.0823 18.8023 9.96236 20.7354 7.31315C15.4555 8.34011 11.0487 11.8107 8.73961 16.5H16.4439ZM15.8335 19.5C15.6142 20.9625 15.5 22.4665 15.5 24.0002C15.5 25.5338 15.6141 27.0377 15.8334 28.5H7.60197C7.20954 27.0667 7 25.5578 7 24C7 22.4422 7.20954 20.9333 7.60197 19.5H15.8335Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM27.265 40.6868C32.5447 39.6597 36.9514 36.1892 39.2604 31.5H31.5562C30.6722 34.9176 29.198 38.0376 27.265 40.6868ZM20.735 40.6868C18.802 38.0376 17.3278 34.9176 16.4438 31.5H8.73961C11.0486 36.1892 15.4553 39.6597 20.735 40.6868ZM19.5544 31.5C20.4996 34.7458 22.0385 37.6406 24 39.9982C25.9615 37.6406 27.5004 34.7458 28.4456 31.5H19.5544ZM29.1295 28.5H18.8705C18.6278 27.0481 18.5 25.5435 18.5 24.0002C18.5 22.4568 18.6278 20.9521 18.8706 19.5H29.1294C29.3722 20.9521 29.5 22.4568 29.5 24.0002C29.5 25.5435 29.3722 27.0481 29.1295 28.5ZM32.1666 28.5H40.398C40.7905 27.0667 41 25.5578 41 24C41 22.4422 40.7905 20.9333 40.398 19.5H32.1665C32.3858 20.9625 32.5 22.4665 32.5 24.0002C32.5 25.5338 32.3859 27.0377 32.1666 28.5ZM31.5561 16.5H39.2604C36.9513 11.8107 32.5445 8.34011 27.2646 7.31315C29.1977 9.96236 30.672 13.0823 31.5561 16.5ZM28.4454 16.5C27.5002 13.2544 25.9614 10.3598 24 8.00226C22.0386 10.3598 20.4998 13.2544 19.5546 16.5H28.4454ZM16.4439 16.5C17.328 13.0823 18.8023 9.96236 20.7354 7.31315C15.4555 8.34011 11.0487 11.8107 8.73961 16.5H16.4439ZM15.8335 19.5C15.6142 20.9625 15.5 22.4665 15.5 24.0002C15.5 25.5338 15.6141 27.0377 15.8334 28.5H7.60197C7.20954 27.0667 7 25.5578 7 24C7 22.4422 7.20954 20.9333 7.60197 19.5H15.8335Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM28.8211 39.2609C32.6625 38.0485 35.8778 35.4257 37.8595 32H31.9408C31.2254 34.6224 30.1663 37.0683 28.8211 39.2609ZM19.1789 39.2609C17.8337 37.0683 16.7746 34.6224 16.0592 32H10.1405C12.1222 35.4257 15.3375 38.0485 19.1789 39.2609ZM20.2302 32C21.0983 34.7094 22.3917 37.1495 24 39.2024C25.6083 37.1495 26.9017 34.7094 27.7698 32H20.2302ZM28.7026 28H19.2974C19.1023 26.7049 19 25.3683 19 24.0002C19 22.632 19.1023 21.2952 19.2975 20H28.7025C28.8977 21.2952 29 22.632 29 24.0002C29 25.3683 28.8977 26.7049 28.7026 28ZM32.7416 28H39.4959C39.825 26.7215 40 25.3812 40 24C40 22.6188 39.825 21.2785 39.4959 20H32.7415C32.9119 21.3055 33 22.6415 33 24.0002C33 25.3588 32.9119 26.6947 32.7416 28ZM31.9406 16H37.8595C35.8778 12.5742 32.6623 9.95136 28.8207 8.739C30.166 10.9316 31.2252 13.3775 31.9406 16ZM27.7697 16C26.9016 13.2908 25.6082 10.8509 24 8.79805C22.3918 10.8509 21.0984 13.2908 20.2303 16H27.7697ZM16.0594 16C16.7748 13.3775 17.834 10.9316 19.1793 8.739C15.3377 9.95136 12.1222 12.5742 10.1405 16H16.0594ZM15.2585 20C15.0881 21.3055 15 22.6415 15 24.0002C15 25.3588 15.0881 26.6947 15.2584 28H8.50407C8.17501 26.7215 8 25.3812 8 24C8 22.6188 8.17501 21.2785 8.50407 20H15.2585Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM27.265 40.6868C32.5447 39.6597 36.9514 36.1892 39.2604 31.5H31.5562C30.6722 34.9176 29.198 38.0376 27.265 40.6868ZM20.735 40.6868C18.802 38.0376 17.3278 34.9176 16.4438 31.5H8.73961C11.0486 36.1892 15.4553 39.6597 20.735 40.6868ZM19.5544 31.5C20.4996 34.7458 22.0385 37.6406 24 39.9982C25.9615 37.6406 27.5004 34.7458 28.4456 31.5H19.5544ZM29.1295 28.5H18.8705C18.6278 27.0481 18.5 25.5435 18.5 24.0002C18.5 22.4568 18.6278 20.9521 18.8706 19.5H29.1294C29.3722 20.9521 29.5 22.4568 29.5 24.0002C29.5 25.5435 29.3722 27.0481 29.1295 28.5ZM32.1666 28.5H40.398C40.7905 27.0667 41 25.5578 41 24C41 22.4422 40.7905 20.9333 40.398 19.5H32.1665C32.3858 20.9625 32.5 22.4665 32.5 24.0002C32.5 25.5338 32.3859 27.0377 32.1666 28.5ZM31.5561 16.5H39.2604C36.9513 11.8107 32.5445 8.34011 27.2646 7.31315C29.1977 9.96236 30.672 13.0823 31.5561 16.5ZM28.4454 16.5C27.5002 13.2544 25.9614 10.3598 24 8.00226C22.0386 10.3598 20.4998 13.2544 19.5546 16.5H28.4454ZM16.4439 16.5C17.328 13.0823 18.8023 9.96236 20.7354 7.31315C15.4555 8.34011 11.0487 11.8107 8.73961 16.5H16.4439ZM15.8335 19.5C15.6142 20.9625 15.5 22.4665 15.5 24.0002C15.5 25.5338 15.6141 27.0377 15.8334 28.5H7.60197C7.20954 27.0667 7 25.5578 7 24C7 22.4422 7.20954 20.9333 7.60197 19.5H15.8335Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/google/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface GoogleProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Google = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: GoogleProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.2612 15.3984C29.292 13.5157 26.7874 12.557 23.9978 12.557C19.052 12.557 14.8653 15.8954 13.3688 20.3824V20.3906C12.9888 21.5307 12.7729 22.7484 12.7729 24.0007C12.7729 25.253 12.9888 26.4708 13.3688 27.6108L13.3671 27.6121C14.862 32.1018 19.0501 35.4428 23.9978 35.4428C26.5543 35.4428 28.7307 34.7691 30.4321 33.6291L30.4346 33.631C32.4467 32.2837 33.7853 30.2715 34.2257 27.8966H24V20.5469H41.895C42.1195 21.7905 42.2405 23.086 42.2405 24.4333C42.2405 30.2198 40.1677 35.0909 36.5749 38.3987H36.5703C33.4268 41.2992 29.1266 42.9998 23.9978 42.9998C16.5704 42.9998 10.1448 38.7419 7.01831 32.5322V32.5284C5.7331 29.9646 5 27.0646 5 24.0007C5 20.9352 5.73386 18.0338 7.0203 15.4691L7.01831 15.4675C10.1448 9.25783 16.5704 5 23.9978 5C29.1193 5 33.4203 6.88277 36.7109 9.94876L31.2612 15.3984Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/google-export/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface GoogleExportProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const GoogleExport = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: GoogleExportProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.0701 5C18.1866 5 17.3687 5.46635 16.9187 6.2267L3.0103 29.7271C2.54587 30.5118 2.54554 31.4872 3.00943 32.2722L8.91828 42.2718C9.36807 43.033 10.1865 43.5 11.0706 43.5H30.6676C29.5875 42.6651 28.6537 41.6501 27.9112 40.5H11.3559L5.74263 31.0006L19.3552 8H29.6447L37.9305 22.0002L38 22C39.3188 22 40.588 22.2128 41.775 22.6058L32.0812 6.2267C31.6312 5.46635 30.8133 5 29.9298 5H19.0701Z" style={{ fill: `var(--${color})` }}/>
+<path d="M26.8663 15.5L31.6602 23.8095C30.7952 24.3488 30.0039 24.9951 29.3048 25.73L25.1336 18.5H23.8381L16.7552 30.0099L17.3492 31H26.3781C26.1313 31.9589 26 32.9641 26 34H15.6507L13.2448 29.9901L22.1618 15.5H26.8663Z" style={{ fill: `var(--${color})` }}/>
+<path d="M32.3644 38.3588L39.2623 31.4609H32.9615V28.4609H41.4112C43.0532 28.4609 44.3843 29.792 44.3843 31.434V39.8838H41.3843V33.5815L34.4857 40.4801L32.3644 38.3588Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.0701 5C18.1866 5 17.3687 5.46635 16.9187 6.2267L3.0103 29.7271C2.54587 30.5118 2.54554 31.4872 3.00943 32.2722L8.91828 42.2718C9.36807 43.033 10.1865 43.5 11.0706 43.5H30.6676C29.5875 42.6651 28.6537 41.6501 27.9112 40.5H11.3559L5.74263 31.0006L19.3552 8H29.6447L37.9305 22.0002L38 22C39.3188 22 40.588 22.2128 41.775 22.6058L32.0812 6.2267C31.6312 5.46635 30.8133 5 29.9298 5H19.0701Z" style={{ fill: `var(--${color})` }}/>
+<path d="M26.8663 15.5L31.6602 23.8095C30.7952 24.3488 30.0039 24.9951 29.3048 25.73L25.1336 18.5H23.8381L16.7552 30.0099L17.3492 31H26.3781C26.1313 31.9589 26 32.9641 26 34H15.6507L13.2448 29.9901L22.1618 15.5H26.8663Z" style={{ fill: `var(--${color})` }}/>
+<path d="M32.3644 38.3588L39.2623 31.4609H32.9615V28.4609H41.4112C43.0532 28.4609 44.3843 29.792 44.3843 31.434V39.8838H41.3843V33.5815L34.4857 40.4801L32.3644 38.3588Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.0701 4.5C18.0099 4.5 17.0284 5.05962 16.4884 5.97204L2.58001 29.4724C2.0227 30.4141 2.02229 31.5845 2.57896 32.5266L8.48782 42.5262C9.02757 43.4396 10.0096 44 11.0706 44H31.3644C29.8242 42.9759 28.5341 41.6055 27.6054 40H11.6412L6.32352 31.0008L19.6403 8.5H29.3596L37.3594 22.0168C37.5715 22.0056 37.7851 22 38 22C39.5982 22 41.1235 22.3124 42.518 22.8796L32.5115 5.97204C31.9715 5.05962 30.99 4.5 29.9298 4.5H19.0701Z" style={{ fill: `var(--${color})` }}/>
+<path d="M27.1552 15L32.0901 23.5538C30.9031 24.2268 29.8422 25.0962 28.9514 26.1179L24.8449 19H24.1176L17.3403 30.0131L17.6324 30.5H26.5184C26.1813 31.6073 26 32.7825 26 34C26 34.1675 26.0034 34.3342 26.0102 34.5H15.3677L12.6598 29.9869L21.8825 15H27.1552Z" style={{ fill: `var(--${color})` }}/>
+<path d="M32.0107 38.0053L38.0551 31.9609H32.9615V27.9609H41.4112C43.3294 27.9609 44.8843 29.5159 44.8843 31.434V39.8838H40.8843V34.7886L34.8392 40.8337L32.0107 38.0053Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.0701 5C18.1866 5 17.3687 5.46635 16.9187 6.2267L3.0103 29.7271C2.54587 30.5118 2.54554 31.4872 3.00943 32.2722L8.91828 42.2718C9.36807 43.033 10.1865 43.5 11.0706 43.5H30.6676C29.5875 42.6651 28.6537 41.6501 27.9112 40.5H11.3559L5.74263 31.0006L19.3552 8H29.6447L37.9305 22.0002L38 22C39.3188 22 40.588 22.2128 41.775 22.6058L32.0812 6.2267C31.6312 5.46635 30.8133 5 29.9298 5H19.0701Z" style={{ fill: `var(--${color})` }}/>
+<path d="M26.8663 15.5L31.6602 23.8095C30.7952 24.3488 30.0039 24.9951 29.3048 25.73L25.1336 18.5H23.8381L16.7552 30.0099L17.3492 31H26.3781C26.1313 31.9589 26 32.9641 26 34H15.6507L13.2448 29.9901L22.1618 15.5H26.8663Z" style={{ fill: `var(--${color})` }}/>
+<path d="M32.3644 38.3588L39.2623 31.4609H32.9615V28.4609H41.4112C43.0532 28.4609 44.3843 29.792 44.3843 31.434V39.8838H41.3843V33.5815L34.4857 40.4801L32.3644 38.3588Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/graduationcap/index.tsx

@@ -0,0 +1,33 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface GraduationcapProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Graduationcap = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: GraduationcapProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.9134 6.4688C24.34 6.17446 23.66 6.17446 23.0866 6.4688L2.71588 16.9263C1.26707 17.6701 1.26707 19.741 2.71588 20.4848L9.99646 24.2224V34.4258C9.99646 35.7381 10.7306 36.9402 11.898 37.5395L22.273 42.8656C23.2764 43.3807 24.4665 43.3807 25.4699 42.8656L35.8449 37.5395C37.0124 36.9402 37.7465 35.7381 37.7465 34.4258V24.3543L41.0625 22.652V35.625H44.0625V21.1119L45.2841 20.4848C46.7329 19.741 46.7329 17.6701 45.2841 16.9263L24.9134 6.4688ZM24 9.37212L5.81891 18.7056L24 28.039L42.1811 18.7056L24 9.37212ZM12.9965 34.4258V25.7625L23.0866 30.9423C23.66 31.2367 24.34 31.2367 24.9134 30.9423L34.7465 25.8944V34.4258C34.7465 34.6133 34.6416 34.785 34.4748 34.8706L24.0998 40.1968C23.9565 40.2703 23.7865 40.2703 23.6431 40.1968L13.2681 34.8706C13.1013 34.785 12.9965 34.6133 12.9965 34.4258Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.913 6.4688C24.3397 6.17446 23.6596 6.17446 23.0862 6.4688L2.71551 16.9263C1.26671 17.6701 1.2667 19.741 2.71551 20.4848C9.81594 24.1299 16.9754 27.4557 24.2662 30.7483C24.4011 30.8092 24.556 30.8073 24.6894 30.7429C30.0533 28.1534 35.2966 25.5595 40.5625 22.8924V36.125H44.5625V20.8547C44.8028 20.7316 45.0432 20.6083 45.2838 20.4848C46.7326 19.741 46.7326 17.6701 45.2838 16.9263L24.913 6.4688Z" style={{ fill: `var(--${color})` }}/>
+<path d="M10.9996 34.876V28.0487L23.0314 33.4824C23.9757 33.9089 25.0605 33.895 25.9936 33.4446L36.9996 28.1313V34.876C36.9996 35.6151 36.5921 36.2939 35.9397 36.6413L24.9397 42.4993C24.3521 42.8122 23.6472 42.8122 23.0595 42.4993L12.0595 36.6413C11.4072 36.2939 10.9996 35.6151 10.9996 34.876Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.9134 6.4688C24.34 6.17446 23.66 6.17446 23.0866 6.4688L2.71588 16.9263C1.26707 17.6701 1.26707 19.741 2.71588 20.4848L9.49646 23.9657V34.4257C9.49646 35.9255 10.3354 37.2993 11.6697 37.9842L22.0447 43.3103C23.1914 43.899 24.5515 43.899 25.6982 43.3103L36.0732 37.9842C37.4075 37.2993 38.2465 35.9255 38.2465 34.4257V24.0977L40.5625 22.9087V36.1249H44.5625V20.8553L45.2841 20.4848C46.7329 19.741 46.7329 17.6701 45.2841 16.9263L24.9134 6.4688ZM24 10.4962L8.00855 18.7056L24 26.9149L39.9915 18.7056L24 10.4962ZM13.4965 34.4257V26.0191L23.0866 30.9423C23.66 31.2367 24.34 31.2367 24.9134 30.9423L34.2465 26.1511V34.4257L23.8715 39.7518L13.4965 34.4257Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24.9134 6.4688C24.34 6.17446 23.66 6.17446 23.0866 6.4688L2.71588 16.9263C1.26707 17.6701 1.26707 19.741 2.71588 20.4848L9.99646 24.2224V34.4258C9.99646 35.7381 10.7306 36.9402 11.898 37.5395L22.273 42.8656C23.2764 43.3807 24.4665 43.3807 25.4699 42.8656L35.8449 37.5395C37.0124 36.9402 37.7465 35.7381 37.7465 34.4258V24.3543L41.0625 22.652V35.625H44.0625V21.1119L45.2841 20.4848C46.7329 19.741 46.7329 17.6701 45.2841 16.9263L24.9134 6.4688ZM24 9.37212L5.81891 18.7056L24 28.039L42.1811 18.7056L24 9.37212ZM12.9965 34.4258V25.7625L23.0866 30.9423C23.66 31.2367 24.34 31.2367 24.9134 30.9423L34.7465 25.8944V34.4258C34.7465 34.6133 34.6416 34.785 34.4748 34.8706L24.0998 40.1968C23.9565 40.2703 23.7865 40.2703 23.6431 40.1968L13.2681 34.8706C13.1013 34.785 12.9965 34.6133 12.9965 34.4258Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/help/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HelpProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Help = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HelpProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM17.892 18.0469C18.4056 16.7441 19.2399 15.7037 20.3878 14.9516C21.5349 14.2002 22.8486 13.834 24.3002 13.834C25.9821 13.834 27.419 14.312 28.5231 15.3389C29.6341 16.3722 30.1672 17.7399 30.1672 19.354C30.1672 20.2797 29.966 21.1469 29.5543 21.9408C29.1408 22.7382 28.469 23.5012 27.5931 24.2379L27.5874 24.2427C26.707 24.9696 26.3348 25.4978 26.2366 25.8235C26.0904 26.3084 26.0124 26.8602 26.0124 27.4856V28.319H21.9887V27.4856C21.9887 26.2786 22.1949 25.2197 22.6764 24.3707C23.1224 23.5842 23.7856 22.8257 24.6325 22.0898L24.6422 22.0814C25.2693 21.5531 25.7141 21.0699 26.0032 20.6351C26.2647 20.2418 26.3832 19.8467 26.3832 19.4341C26.3832 18.8884 26.1986 18.4852 25.8259 18.156C25.4497 17.8237 24.9279 17.6237 24.1803 17.6237C23.5331 17.6237 23.0132 17.7885 22.5837 18.0919C22.1464 18.4008 21.8013 18.843 21.5605 19.4577L21.26 20.2246L17.582 18.833L17.892 18.0469ZM22.5519 31.1416C23.0059 30.6863 23.5798 30.4561 24.2206 30.4561C24.8613 30.4561 25.4352 30.6863 25.8893 31.1416C26.3432 31.5967 26.572 32.1711 26.572 32.8116C26.572 33.452 26.3432 34.0264 25.8893 34.4816C25.4352 34.9368 24.8613 35.1671 24.2206 35.1671C23.5798 35.1671 23.0059 34.9368 22.5519 34.4816C22.0979 34.0264 21.8691 33.452 21.8691 32.8116C21.8691 32.1711 22.0979 31.5967 22.5519 31.1416Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM20.6621 15.3699C21.7202 14.6768 22.9368 14.334 24.3004 14.334C25.8841 14.334 27.1899 14.7816 28.1829 15.7051C29.1785 16.6311 29.6675 17.8591 29.6675 19.354C29.6675 20.205 29.4831 20.9925 29.1107 21.7106C28.7375 22.4302 28.1173 23.1439 27.2715 23.8552L27.2692 23.8571C26.3738 24.5965 25.9013 25.2043 25.7582 25.6791C25.5958 26.2176 25.5127 26.8189 25.5127 27.4856V27.819H22.4889V27.4856C22.4889 26.3298 22.6873 25.3655 23.1116 24.6173C23.5217 23.8942 24.1425 23.1782 24.9607 22.4672L24.9646 22.4638C25.6149 21.9161 26.0965 21.3983 26.4199 20.9119C26.7322 20.4422 26.8835 19.9517 26.8835 19.4341C26.8835 18.7512 26.6418 18.2093 26.1572 17.7812C25.6711 17.3519 25.023 17.1237 24.1806 17.1237C23.4423 17.1237 22.8188 17.3138 22.2955 17.6835C21.769 18.0554 21.3673 18.5808 21.0952 19.2753L20.975 19.5821L18.2334 18.5447L18.3574 18.2303C18.8345 17.0202 19.6037 16.0633 20.6621 15.3699ZM22.9059 30.4949C23.2632 30.1365 23.7085 29.9563 24.2205 29.9563C24.7325 29.9563 25.1778 30.1365 25.5352 30.4949C25.8925 30.8532 26.072 31.2992 26.072 31.8118C26.072 32.3244 25.8925 32.7704 25.5352 33.1287C25.1778 33.4871 24.7325 33.6673 24.2205 33.6673C23.7085 33.6673 23.2632 33.4871 22.9059 33.1287C22.5485 32.7704 22.3691 32.3244 22.3691 31.8118C22.3691 31.2992 22.5485 30.8532 22.9059 30.4949Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6588 17.7129C18.1725 16.4101 19.0067 15.3697 20.1547 14.6177C21.3017 13.8662 22.6155 13.5 24.067 13.5C25.749 13.5 27.1858 13.9781 28.29 15.0049C29.4009 16.0382 29.9341 17.406 29.9341 19.02C29.9341 19.9457 29.7329 20.813 29.3211 21.6068C28.9076 22.4042 28.2359 23.1672 27.3599 23.9039L27.3542 23.9087C26.4739 24.6356 26.1017 25.1638 26.0035 25.4895C25.8572 25.9745 25.7793 26.5263 25.7793 27.1516V27.985H21.7555V27.1516C21.7555 25.9446 21.9618 24.8857 22.4433 24.0367C22.8893 23.2502 23.5524 22.4918 24.3993 21.7558L24.409 21.7474C25.0362 21.2191 25.481 20.7359 25.7701 20.3011C26.0316 19.9079 26.15 19.5127 26.15 19.1001C26.15 18.5544 25.9654 18.1512 25.5927 17.822C25.2165 17.4897 24.6948 17.2897 23.9472 17.2897C23.3 17.2897 22.7801 17.4545 22.3506 17.7579C21.9132 18.0668 21.5682 18.509 21.3273 19.1237L21.0269 19.8906L17.3489 18.499L17.6588 17.7129Z" style={{ fill: `var(--${color})` }}/>
+<path d="M22.3184 29.8078C22.7725 29.3526 23.3464 29.1223 23.9871 29.1223C24.6279 29.1223 25.2018 29.3526 25.6558 29.8078C26.1097 30.263 26.3386 30.8373 26.3386 31.4778C26.3386 32.1183 26.1097 32.6927 25.6558 33.1478C25.2018 33.6031 24.6279 33.8333 23.9871 33.8333C23.3464 33.8333 22.7725 33.6031 22.3184 33.1478C21.8645 32.6927 21.6357 32.1183 21.6357 31.4778C21.6357 30.8373 21.8645 30.263 22.3184 29.8078Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM40 24C40 32.8366 32.8366 40 24 40C15.1634 40 8 32.8366 8 24C8 15.1634 15.1634 8 24 8C32.8366 8 40 15.1634 40 24Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.0671 13.8105C22.6701 13.8105 21.4166 14.1622 20.3247 14.8775C19.2322 15.5932 18.4383 16.5819 17.9473 17.8272L17.7527 18.3208L20.8501 19.4928L21.0388 19.0112C21.2991 18.347 21.6792 17.8532 22.1718 17.5052C22.6595 17.1607 23.2436 16.9802 23.9473 16.9802C24.7537 16.9802 25.3538 17.1978 25.7981 17.5902C26.2402 17.9807 26.4602 18.4699 26.4602 19.1007C26.4602 19.5783 26.3214 20.0326 26.0283 20.4733C25.718 20.9401 25.2504 21.4447 24.6089 21.9851L24.6028 21.9904C23.7737 22.7108 23.1368 23.4429 22.713 24.1902C22.267 24.9767 22.0657 25.9769 22.0657 27.1522V27.6755H25.4694V27.1522C25.4694 26.5012 25.5505 25.9187 25.7068 25.4006C25.8329 24.9824 26.2673 24.4048 27.1569 23.6702L27.1605 23.6672C28.0178 22.9463 28.6576 22.2138 29.0461 21.4647C29.4334 20.7178 29.6242 19.9 29.6242 19.0206C29.6242 17.4804 29.1185 16.1992 28.079 15.2325C27.0438 14.2697 25.6882 13.8105 24.0671 13.8105Z" style={{ fill: `var(--${color})` }}/>
+<path d="M23.9872 29.4329C23.4263 29.4329 22.9321 29.6321 22.538 30.0273C22.144 30.4224 21.9458 30.9172 21.9458 31.4784C21.9458 32.0396 22.144 32.5344 22.538 32.9295C22.9321 33.3246 23.4263 33.5239 23.9872 33.5239C24.5482 33.5239 25.0423 33.3246 25.4364 32.9295C25.8305 32.5344 26.0287 32.0396 26.0287 31.4784C26.0287 30.9172 25.8305 30.4224 25.4364 30.0273C25.0423 29.6321 24.5482 29.4329 23.9872 29.4329Z" style={{ fill: `var(--${color})` }}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM24 41C33.3888 41 41 33.3888 41 24C41 14.6112 33.3888 7 24 7C14.6112 7 7 14.6112 7 24C7 33.3888 14.6112 41 24 41Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/hide-all/index.tsx

@@ -0,0 +1,124 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HideAllProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const HideAll = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HideAllProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_699_11423)">
+<g opacity="0.2" clip-path="url(#clip1_699_11423)">
+<rect opacity="0.6" x="6" y="6" width="36" height="36" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="16" y="16" width="16" height="16" rx="8" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="9" width="40" height="30" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="9" y="44" width="40" height="30" rx="2" transform="rotate(-90 9 44)" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="4" width="40" height="40" rx="20" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M48 0L0 48" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M0 0L48 48" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" width="48" height="48" stroke="#FF00FF" stroke-width="0.5"/>
+</g>
+<path d="M6 17L15 17C16.1046 17 17 16.1046 17 15L17 6L14 6L14 14L6 14V17Z" style={{ fill: `var(--${color})` }}/>
+<path d="M42 31L33 31C31.8954 31 31 31.8954 31 33L31 42L34 42L34 34L42 34V31Z" style={{ fill: `var(--${color})` }}/>
+<path d="M17 33L17 42H14V34H6L6 31H15C16.1046 31 17 31.8954 17 33Z" style={{ fill: `var(--${color})` }}/>
+<path d="M31 6L31 15C31 16.1046 31.8954 17 33 17L42 17L42 14L34 14L34 6H31Z" style={{ fill: `var(--${color})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_699_11423)">
+<g opacity="0.2" clip-path="url(#clip1_699_11423)">
+<rect opacity="0.6" x="6" y="6" width="36" height="36" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="16" y="16" width="16" height="16" rx="8" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="9" width="40" height="30" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="9" y="44" width="40" height="30" rx="2" transform="rotate(-90 9 44)" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="4" width="40" height="40" rx="20" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M48 0L0 48" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M0 0L48 48" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" width="48" height="48" stroke="#FF00FF" stroke-width="0.5"/>
+</g>
+<path d="M6 17L15 17C16.1046 17 17 16.1046 17 15L17 6L14 6L14 14L6 14V17Z" style={{ fill: `var(--${color})` }}/>
+<path d="M42 31L33 31C31.8954 31 31 31.8954 31 33L31 42L34 42L34 34L42 34V31Z" style={{ fill: `var(--${color})` }}/>
+<path d="M17 33L17 42H14V34H6L6 31H15C16.1046 31 17 31.8954 17 33Z" style={{ fill: `var(--${color})` }}/>
+<path d="M31 6L31 15C31 16.1046 31.8954 17 33 17L42 17L42 14L34 14L34 6H31Z" style={{ fill: `var(--${color})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_699_11434)">
+<g opacity="0.2" clip-path="url(#clip1_699_11434)">
+<rect opacity="0.6" x="6" y="6" width="36" height="36" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="16" y="16" width="16" height="16" rx="8" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="9" width="40" height="30" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="9" y="44" width="40" height="30" rx="2" transform="rotate(-90 9 44)" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="4" width="40" height="40" rx="20" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M48 0L0 48" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M0 0L48 48" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" width="48" height="48" stroke="#FF00FF" stroke-width="0.5"/>
+</g>
+<path d="M17 6L17 15C17 16.1046 16.1046 17 15 17L6 17L6 13H13V6H17Z" fill="black"/>
+<path d="M31 6L31 15C31 16.1046 31.8954 17 33 17L42 17V13H35V6H31Z" fill="black"/>
+<path d="M33 31L42 31V35H35V42H31V33C31 31.8954 31.8954 31 33 31Z" fill="black"/>
+<path d="M6 31L15 31C16.1046 31 17 31.8954 17 33V42H13L13 35H6V31Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_699_11434">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_699_11434">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_699_11423)">
+<g opacity="0.2" clip-path="url(#clip1_699_11423)">
+<rect opacity="0.6" x="6" y="6" width="36" height="36" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="16" y="16" width="16" height="16" rx="8" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="9" width="40" height="30" rx="2" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="9" y="44" width="40" height="30" rx="2" transform="rotate(-90 9 44)" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" x="4" y="4" width="40" height="40" rx="20" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M48 0L0 48" stroke="#FF00FF" stroke-width="0.2"/>
+<path opacity="0.6" d="M0 0L48 48" stroke="#FF00FF" stroke-width="0.2"/>
+<rect opacity="0.6" width="48" height="48" stroke="#FF00FF" stroke-width="0.5"/>
+</g>
+<path d="M6 17L15 17C16.1046 17 17 16.1046 17 15L17 6L14 6L14 14L6 14V17Z" style={{ fill: `var(--${color})` }}/>
+<path d="M42 31L33 31C31.8954 31 31 31.8954 31 33L31 42L34 42L34 34L42 34V31Z" style={{ fill: `var(--${color})` }}/>
+<path d="M17 33L17 42H14V34H6L6 31H15C16.1046 31 17 31.8954 17 33Z" style={{ fill: `var(--${color})` }}/>
+<path d="M31 6L31 15C31 16.1046 31.8954 17 33 17L42 17L42 14L34 14L34 6H31Z" style={{ fill: `var(--${color})` }}/>
+</g>
+<defs>
+<clipPath id="clip0_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+<clipPath id="clip1_699_11423">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+;
+};

package/assets/highlight-edit/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HighlightEditProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const HighlightEdit = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HighlightEditProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.1894 2.56791C40.9801 1.35858 39.0193 1.35892 37.8103 2.56865L20.9541 19.4241C20.6098 19.7684 20.3515 20.1891 20.2003 20.6519L18.5944 25.5663C17.8147 27.9523 20.0496 30.2256 22.4486 29.4866L27.4483 27.9464C27.9304 27.7979 28.369 27.5338 28.7257 27.1771L45.5741 10.3294C46.7824 9.12028 46.7821 7.16063 45.5734 5.95188L42.1894 2.56791ZM23.0752 21.5457L35.6202 9.00341L39.1397 12.5232L26.6046 25.0555C26.5936 25.0666 26.58 25.0748 26.5651 25.0794L21.5654 26.6196C21.5466 26.6254 21.5351 26.6261 21.5298 26.6262C21.5266 26.6262 21.5237 26.6261 21.5209 26.6256C21.5188 26.6253 21.5167 26.6249 21.5147 26.6243C21.504 26.6214 21.4864 26.6131 21.4688 26.5951C21.4512 26.5772 21.4431 26.5595 21.4404 26.5488C21.4398 26.5463 21.4393 26.5439 21.439 26.5414C21.4388 26.5389 21.4387 26.5363 21.4387 26.5335C21.4389 26.5283 21.4399 26.5168 21.446 26.4981L23.0519 21.5837C23.0566 21.5694 23.0646 21.5564 23.0752 21.5457ZM43.4521 8.20884L41.2608 10.4016L37.7413 6.88184L39.9324 4.68925C39.9698 4.65177 40.0306 4.65176 40.0681 4.68923L43.452 8.0732C43.4895 8.11066 43.4895 8.17137 43.4521 8.20884Z" style={{ fill: `var(--${color})` }}/>
+<path d="M8.5 8.9997C8.5 8.72355 8.72386 8.4997 9 8.4997H24.5V5.4997H9C7.067 5.4997 5.5 7.0667 5.5 8.9997V38.9997C5.5 40.9327 7.067 42.4997 9 42.4997H39C40.933 42.4997 42.5 40.9327 42.5 38.9997V23.9997H39.5V38.9997C39.5 39.2758 39.2761 39.4997 39 39.4997H9C8.72386 39.4997 8.5 39.2758 8.5 38.9997V8.9997Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.1894 2.56791C40.9801 1.35858 39.0193 1.35892 37.8103 2.56865L20.9541 19.4241C20.6098 19.7684 20.3515 20.1891 20.2003 20.6519L18.5944 25.5663C17.8147 27.9523 20.0496 30.2256 22.4486 29.4866L27.4483 27.9464C27.9304 27.7979 28.369 27.5338 28.7257 27.1771L45.5741 10.3294C46.7824 9.12028 46.7821 7.16063 45.5734 5.95188L42.1894 2.56791ZM23.0752 21.5457L35.6202 9.00341L39.1397 12.5232L26.6046 25.0555C26.5936 25.0666 26.58 25.0748 26.5651 25.0794L21.5654 26.6196C21.5466 26.6254 21.5351 26.6261 21.5298 26.6262C21.5266 26.6262 21.5237 26.6261 21.5209 26.6256C21.5188 26.6253 21.5167 26.6249 21.5147 26.6243C21.504 26.6214 21.4864 26.6131 21.4688 26.5951C21.4512 26.5772 21.4431 26.5595 21.4404 26.5488C21.4398 26.5463 21.4393 26.5439 21.439 26.5414C21.4388 26.5389 21.4387 26.5363 21.4387 26.5335C21.4389 26.5283 21.4399 26.5168 21.446 26.4981L23.0519 21.5837C23.0566 21.5694 23.0646 21.5564 23.0752 21.5457ZM43.4521 8.20884L41.2608 10.4016L37.7413 6.88184L39.9324 4.68925C39.9698 4.65177 40.0306 4.65176 40.0681 4.68923L43.452 8.0732C43.4895 8.11066 43.4895 8.17137 43.4521 8.20884Z" style={{ fill: `var(--${color})` }}/>
+<path d="M8.5 8.9997C8.5 8.72355 8.72386 8.4997 9 8.4997H24.5V5.4997H9C7.067 5.4997 5.5 7.0667 5.5 8.9997V38.9997C5.5 40.9327 7.067 42.4997 9 42.4997H39C40.933 42.4997 42.5 40.9327 42.5 38.9997V23.9997H39.5V38.9997C39.5 39.2758 39.2761 39.4997 39 39.4997H9C8.72386 39.4997 8.5 39.2758 8.5 38.9997V8.9997Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.5429 2.21435C41.1383 0.809721 38.8608 0.810109 37.4567 2.21522L20.6006 19.0705C20.2007 19.4704 19.9007 19.959 19.725 20.4966L18.1191 25.411C17.2135 28.1824 19.8094 30.8228 22.5958 29.9644L27.5955 28.4243C28.1555 28.2518 28.6648 27.945 29.0792 27.5307L45.9278 10.6829C47.3313 9.27843 47.3309 7.00229 45.9269 5.59833L42.5429 2.21435ZM23.4971 21.8309L35.6201 9.71049L38.4326 12.5231L26.322 24.6311L22.1635 25.9121L23.4971 21.8309ZM42.8129 8.14113L41.2607 9.69439L38.4482 6.88174L40.0003 5.3286L42.8129 8.14113Z" style={{ fill: `var(--${color})` }}/>
+<path d="M9 4.9997C6.79086 4.9997 5 6.79056 5 8.9997V38.9997C5 41.2088 6.79086 42.9997 9 42.9997H39C41.2091 42.9997 43 41.2088 43 38.9997V23.9997H39V38.9997H9V8.9997H24.5V4.9997H9Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M42.1894 2.56791C40.9801 1.35858 39.0193 1.35892 37.8103 2.56865L20.9541 19.4241C20.6098 19.7684 20.3515 20.1891 20.2003 20.6519L18.5944 25.5663C17.8147 27.9523 20.0496 30.2256 22.4486 29.4866L27.4483 27.9464C27.9304 27.7979 28.369 27.5338 28.7257 27.1771L45.5741 10.3294C46.7824 9.12028 46.7821 7.16063 45.5734 5.95188L42.1894 2.56791ZM23.0752 21.5457L35.6202 9.00341L39.1397 12.5232L26.6046 25.0555C26.5936 25.0666 26.58 25.0748 26.5651 25.0794L21.5654 26.6196C21.5466 26.6254 21.5351 26.6261 21.5298 26.6262C21.5266 26.6262 21.5237 26.6261 21.5209 26.6256C21.5188 26.6253 21.5167 26.6249 21.5147 26.6243C21.504 26.6214 21.4864 26.6131 21.4688 26.5951C21.4512 26.5772 21.4431 26.5595 21.4404 26.5488C21.4398 26.5463 21.4393 26.5439 21.439 26.5414C21.4388 26.5389 21.4387 26.5363 21.4387 26.5335C21.4389 26.5283 21.4399 26.5168 21.446 26.4981L23.0519 21.5837C23.0566 21.5694 23.0646 21.5564 23.0752 21.5457ZM43.4521 8.20884L41.2608 10.4016L37.7413 6.88184L39.9324 4.68925C39.9698 4.65177 40.0306 4.65176 40.0681 4.68923L43.452 8.0732C43.4895 8.11066 43.4895 8.17137 43.4521 8.20884Z" style={{ fill: `var(--${color})` }}/>
+<path d="M8.5 8.9997C8.5 8.72355 8.72386 8.4997 9 8.4997H24.5V5.4997H9C7.067 5.4997 5.5 7.0667 5.5 8.9997V38.9997C5.5 40.9327 7.067 42.4997 9 42.4997H39C40.933 42.4997 42.5 40.9327 42.5 38.9997V23.9997H39.5V38.9997C39.5 39.2758 39.2761 39.4997 39 39.4997H9C8.72386 39.4997 8.5 39.2758 8.5 38.9997V8.9997Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/highlighter/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HighlighterProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Highlighter = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HighlighterProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.7208 7.43684C33.1323 6.02408 35.4221 6.02359 36.8342 7.43577L42.2001 12.8016C43.6114 14.213 43.6119 16.501 42.2012 17.913L22.368 37.745C21.8692 38.2436 21.2355 38.5855 20.5448 38.7284L16.9033 39.4821C16.2208 39.6234 15.5239 39.5625 14.8913 39.3232L13.5268 40.6469C13.1319 41.0299 12.6032 41.2441 12.0531 41.2438L6.55125 41.241C5.60937 41.2405 5.138 40.1017 5.80401 39.4357L10.338 34.9017C10.0122 34.1905 9.92074 33.3814 10.0989 32.5959L10.9058 29.038C11.0568 28.3725 11.3929 27.7634 11.8754 27.281L31.7208 7.43684ZM29.0541 14.349L16.438 26.9618L22.6736 33.1974L35.2895 20.5849L29.0541 14.349ZM13.9965 29.4026L14.3164 29.0828L20.552 35.3184L20.247 35.6234C20.1621 35.7082 20.0543 35.7664 19.9368 35.7907L16.2953 36.5444C16.0924 36.5863 15.8821 36.5234 15.7357 36.377L13.1894 33.8304C13.0401 33.681 12.9779 33.4655 13.0246 33.2595L13.8315 29.7015C13.8572 29.5883 13.9144 29.4847 13.9965 29.4026ZM37.4105 18.4632L40.079 15.7925C40.319 15.5523 40.3189 15.1631 40.0788 14.923L34.7129 9.55709C34.4727 9.31684 34.0831 9.31692 33.843 9.55727L31.1751 12.2274L37.4105 18.4632Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.7208 7.43684C33.1323 6.02408 35.4221 6.02359 36.8342 7.43577L42.2001 12.8016C43.6114 14.213 43.6119 16.501 42.2012 17.913L22.368 37.745C21.8692 38.2436 21.2355 38.5855 20.5448 38.7284L16.9033 39.4821C16.2208 39.6234 15.5239 39.5625 14.8913 39.3232L13.5268 40.6469C13.1319 41.0299 12.6032 41.2441 12.0531 41.2438L6.55125 41.241C5.60937 41.2405 5.138 40.1017 5.80401 39.4357L10.338 34.9017C10.0122 34.1905 9.92074 33.3814 10.0989 32.5959L10.9058 29.038C11.0568 28.3725 11.3929 27.7634 11.8754 27.281L31.7208 7.43684ZM29.0541 14.349L16.438 26.9618L22.6736 33.1974L35.2895 20.5849L29.0541 14.349ZM13.9965 29.4026L14.3164 29.0828L20.552 35.3184L20.247 35.6234C20.1621 35.7082 20.0543 35.7664 19.9368 35.7907L16.2953 36.5444C16.0924 36.5863 15.8821 36.5234 15.7357 36.377L13.1894 33.8304C13.0401 33.681 12.9779 33.4655 13.0246 33.2595L13.8315 29.7015C13.8572 29.5883 13.9144 29.4847 13.9965 29.4026ZM37.4105 18.4632L40.079 15.7925C40.319 15.5523 40.3189 15.1631 40.0788 14.923L34.7129 9.55709C34.4727 9.31684 34.0831 9.31692 33.843 9.55727L31.1751 12.2274L37.4105 18.4632Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.3671 7.08344C32.9739 5.47527 35.5803 5.47472 37.1878 7.08221L42.5537 12.4481C44.1602 14.0546 44.1608 16.6592 42.5549 18.2664L22.7215 38.0986C22.1538 38.6662 21.4324 39.0553 20.6462 39.2181L17.0046 39.9717C16.1499 40.1486 15.2752 40.0471 14.5 39.7028L13.5268 40.6469C13.1319 41.0299 12.6032 41.2441 12.0531 41.2438L6.55125 41.241C5.60937 41.2405 5.138 40.1017 5.80401 39.4357L9.96398 35.2758C9.52836 34.4275 9.39452 33.441 9.61128 32.4853L10.4182 28.9274C10.59 28.1699 10.9727 27.4765 11.522 26.9274L31.3671 7.08344ZM29.054 15.0561L17.1452 26.9617L22.6737 32.4903L34.5824 20.5848L29.054 15.0561ZM14.3192 29.8121C14.3203 29.807 14.3218 29.8019 14.3237 29.7971L19.829 35.3024L16.1939 36.0547C16.156 36.0626 16.1167 36.0508 16.0893 36.0234L13.543 33.4768C13.5151 33.4489 13.5035 33.4086 13.5122 33.3701L14.3192 29.8121ZM37.4104 17.756L39.7253 15.4391C39.7702 15.3942 39.7702 15.3214 39.7253 15.2765L34.3594 9.91064C34.3144 9.86571 34.2416 9.86573 34.1967 9.91067L31.8821 12.2272L37.4104 17.756Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M31.7208 7.43684C33.1323 6.02408 35.4221 6.02359 36.8342 7.43577L42.2001 12.8016C43.6114 14.213 43.6119 16.501 42.2012 17.913L22.368 37.745C21.8692 38.2436 21.2355 38.5855 20.5448 38.7284L16.9033 39.4821C16.2208 39.6234 15.5239 39.5625 14.8913 39.3232L13.5268 40.6469C13.1319 41.0299 12.6032 41.2441 12.0531 41.2438L6.55125 41.241C5.60937 41.2405 5.138 40.1017 5.80401 39.4357L10.338 34.9017C10.0122 34.1905 9.92074 33.3814 10.0989 32.5959L10.9058 29.038C11.0568 28.3725 11.3929 27.7634 11.8754 27.281L31.7208 7.43684ZM29.0541 14.349L16.438 26.9618L22.6736 33.1974L35.2895 20.5849L29.0541 14.349ZM13.9965 29.4026L14.3164 29.0828L20.552 35.3184L20.247 35.6234C20.1621 35.7082 20.0543 35.7664 19.9368 35.7907L16.2953 36.5444C16.0924 36.5863 15.8821 36.5234 15.7357 36.377L13.1894 33.8304C13.0401 33.681 12.9779 33.4655 13.0246 33.2595L13.8315 29.7015C13.8572 29.5883 13.9144 29.4847 13.9965 29.4026ZM37.4105 18.4632L40.079 15.7925C40.319 15.5523 40.3189 15.1631 40.0788 14.923L34.7129 9.55709C34.4727 9.31684 34.0831 9.31692 33.843 9.55727L31.1751 12.2274L37.4105 18.4632Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/history/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HistoryProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const History = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HistoryProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.253 13.747C28.5904 8.08435 19.4096 8.08435 13.747 13.747C12.899 14.595 12.1789 15.5204 11.5859 16.5H19V19.5H10C8.067 19.5 6.5 17.933 6.5 16V7.00003H9.5L9.5 14.1967C10.1147 13.2896 10.8234 12.4279 11.6256 11.6256C18.4598 4.79146 29.5402 4.79146 36.3744 11.6256C43.2085 18.4598 43.2085 29.5402 36.3744 36.3744C29.5402 43.2085 18.4598 43.2085 11.6256 36.3744C9.91304 34.6618 8.62764 32.6793 7.77253 30.5623C7.34186 29.496 7.02061 28.3964 6.80863 27.2805L9.75592 26.7206C9.93164 27.6456 10.1978 28.5563 10.5542 29.4387C11.2612 31.189 12.3244 32.8305 13.747 34.253C19.4096 39.9157 28.5904 39.9157 34.253 34.253C39.9156 28.5904 39.9157 19.4096 34.253 13.747Z" style={{ fill: `var(--${color})` }}/>
+<path d="M25.5 23.672V14.7613H22.5V23.672C22.5 24.6002 22.8687 25.4905 23.5251 26.1468L29.4393 32.0612L31.5607 29.9399L25.6464 24.0255C25.5527 23.9318 25.5 23.8046 25.5 23.672Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.253 13.747C28.5904 8.08435 19.4096 8.08435 13.747 13.747C12.899 14.595 12.1789 15.5204 11.5859 16.5H19V19.5H10C8.067 19.5 6.5 17.933 6.5 16V7.00003H9.5L9.5 14.1967C10.1147 13.2896 10.8234 12.4279 11.6256 11.6256C18.4598 4.79146 29.5402 4.79146 36.3744 11.6256C43.2085 18.4598 43.2085 29.5402 36.3744 36.3744C29.5402 43.2085 18.4598 43.2085 11.6256 36.3744C9.91304 34.6618 8.62764 32.6793 7.77253 30.5623C7.34186 29.496 7.02061 28.3964 6.80863 27.2805L9.75592 26.7206C9.93164 27.6456 10.1978 28.5563 10.5542 29.4387C11.2612 31.189 12.3244 32.8305 13.747 34.253C19.4096 39.9157 28.5904 39.9157 34.253 34.253C39.9156 28.5904 39.9157 19.4096 34.253 13.747Z" style={{ fill: `var(--${color})` }}/>
+<path d="M25.5 23.672V14.7613H22.5V23.672C22.5 24.6002 22.8687 25.4905 23.5251 26.1468L29.4393 32.0612L31.5607 29.9399L25.6464 24.0255C25.5527 23.9318 25.5 23.8046 25.5 23.672Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.8995 14.1005C28.4322 8.63316 19.5678 8.63316 14.1005 14.1005C13.5039 14.6971 12.9731 15.3332 12.5076 16H18V20H9C6.79086 20 5 18.2092 5 16V7.00003H9L9 14.0445C9.65195 13.0642 10.4095 12.1346 11.2721 11.2721C18.3015 4.24264 29.6985 4.24264 36.7279 11.2721C43.7574 18.3015 43.7574 29.6985 36.7279 36.7279C29.6985 43.7574 18.3015 43.7574 11.2721 36.7279C9.51115 34.967 8.18872 32.9277 7.30892 30.7495C6.86587 29.6527 6.53544 28.5215 6.31741 27.3738L10.2471 26.6273C10.4168 27.5204 10.6738 28.3997 11.0178 29.2515C11.7001 30.9406 12.7263 32.5253 14.1005 33.8995C19.5678 39.3668 28.4322 39.3668 33.8995 33.8995C39.3668 28.4322 39.3668 19.5678 33.8995 14.1005Z" style={{ fill: `var(--${color})` }}/>
+<path d="M26 23.672V14.7613H22V23.672C22 24.7328 22.4214 25.7502 23.1715 26.5004L29.0858 32.4147L31.9142 29.5863L26 23.672Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.253 13.747C28.5904 8.08435 19.4096 8.08435 13.747 13.747C12.899 14.595 12.1789 15.5204 11.5859 16.5H19V19.5H10C8.067 19.5 6.5 17.933 6.5 16V7.00003H9.5L9.5 14.1967C10.1147 13.2896 10.8234 12.4279 11.6256 11.6256C18.4598 4.79146 29.5402 4.79146 36.3744 11.6256C43.2085 18.4598 43.2085 29.5402 36.3744 36.3744C29.5402 43.2085 18.4598 43.2085 11.6256 36.3744C9.91304 34.6618 8.62764 32.6793 7.77253 30.5623C7.34186 29.496 7.02061 28.3964 6.80863 27.2805L9.75592 26.7206C9.93164 27.6456 10.1978 28.5563 10.5542 29.4387C11.2612 31.189 12.3244 32.8305 13.747 34.253C19.4096 39.9157 28.5904 39.9157 34.253 34.253C39.9156 28.5904 39.9157 19.4096 34.253 13.747Z" style={{ fill: `var(--${color})` }}/>
+<path d="M25.5 23.672V14.7613H22.5V23.672C22.5 24.6002 22.8687 25.4905 23.5251 26.1468L29.4393 32.0612L31.5607 29.9399L25.6464 24.0255C25.5527 23.9318 25.5 23.8046 25.5 23.672Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};

package/assets/home/index.tsx

@@ -0,0 +1,32 @@
+import React from 'react';import { BasicColorType } from '@liner-fe/prism';
+
+interface HomeProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+  color?: BasicColorType;
+}
+
+export const Home = ({ fill = false, thick = false, size = 24, color = 'neutral-label-primary' }: HomeProps) => {
+  if (fill && thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 3.80743L1.30511 15.6707L2.69488 18.3293L5 17.1244V40.9997C5 42.1042 5.89543 42.9997 7 42.9997H20V31.9997H28V42.9997H41C42.1046 42.9997 43 42.1042 43 40.9997V17.1244L45.3051 18.3293L46.6949 15.6707L24 3.80743ZM8 15.8109L24 7.38982L40 15.8109V39.9997L31 39.9997V28.9997H17V39.9997L8 39.9997V15.8109Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 3.80743L1.30511 15.6707L2.69488 18.3293L5 17.1244V40.9997C5 42.1042 5.89543 42.9997 7 42.9997H20V31.9997H28V42.9997H41C42.1046 42.9997 43 42.1042 43 40.9997V17.1244L45.3051 18.3293L46.6949 15.6707L24 3.80743ZM8 15.8109L24 7.38982L40 15.8109V39.9997L31 39.9997V28.9997H17V39.9997L8 39.9997V15.8109Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 3.74323L1.07349 15.7275L2.9265 19.2724L4.99999 18.1886V40.9997C4.99999 42.1042 5.89543 42.9997 6.99999 42.9997H21V33L27 32.9997V42.9997H41C42.1046 42.9997 43 42.1042 43 40.9997V18.1886L45.0735 19.2724L46.9265 15.7275L24 3.74323ZM8.99999 16.4146L24 8.51985L39 16.4146V38.9997L31 38.9997V28.9997H17V38.9997L8.99999 38.9997V16.4146Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+  } 
+  
+  return <svg width={size} height={size} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M24 3.80743L1.30511 15.6707L2.69488 18.3293L5 17.1244V40.9997C5 42.1042 5.89543 42.9997 7 42.9997H20V31.9997H28V42.9997H41C42.1046 42.9997 43 42.1042 43 40.9997V17.1244L45.3051 18.3293L46.6949 15.6707L24 3.80743ZM8 15.8109L24 7.38982L40 15.8109V39.9997L31 39.9997V28.9997H17V39.9997L8 39.9997V15.8109Z" style={{ fill: `var(--${color})` }}/>
+</svg>
+;
+};