bge-ui 1.0.21 → 1.0.23

package/icons/generate.ts

@@ -61,17 +61,13 @@ async function generateTs() {
 async function transformToVueComponent(file: string) {
   let content = await readFile(file, 'utf-8')
   const { filename, componentName, folder } = getName(file)
-  if (filename.startsWith('c2') || filename.startsWith('c3')) {
+  if (folder === 'color') {
     content = content
       .replace('<svg ', '<svg class="bge-color-svg" :style="`width: 1em; height: 1em;font-size: ${size}px;`"')
-      .replace(/fill=\"#FFFF38\"/g, 'class="bge-fill-icon-theme"')
-      .replace(/fill=\"#708397\"/g, 'class="bge-fill-icon-gray"')
-      .replace(/fill=\"#32404D\"/g, 'class="bge-fill-gay-dark"')
-      .replace(/stroke=\"#FFFF38\"/g, 'class="bge-stroke-icon-theme"')
-      .replace(/stroke=\"#708397\"/g, 'class="bge-stroke-icon-gray"')
-      .replace(/stroke=\"#32404D\"/g, 'class="bge-stroke-gay-dark"')
-  } else if (folder === 'Mono' || folder === 'Media') {
-    content = content.replace('<svg ', '<svg :style="`width: 1em; height: 1em; font-size: ${size}px; ${color ? \'color:\' + color + \';\' : \'\'};`"').replace(/#808080/g, 'currentColor')
+      .replace(/fill=\"#EB465B\"/g, 'class="bge-fill-bg-red"')
+      .replace(/fill=\"#13BD8A\"/g, 'class="bge-fill-bg-green"')
+  } else if (folder === 'Mono' || folder === 'logo' || folder === 'k') {
+    content = content.replace('<svg ', '<svg :style="`width: 1em; height: 1em; font-size: ${size}px; ${color ? \'color:\' + color + \';\' : \'\'};`"').replace(/fill:#C2D6FF;/g, '').replace(/#C2D6FF/g, 'currentColor').replace(/#808080/g, 'currentColor')
   } else {
     content = content.replace('<svg ', '<svg :style="`width: 1em; height: 1em; font-size: ${size}px;`"')
   }
@@ -81,7 +77,6 @@ async function transformToVueComponent(file: string) {
 ${content}
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -97,40 +92,12 @@ defineOptions({
 })
 </script>
 <style lang="scss">
-.bge-color-svg {
-  --icon-theme: #FFF833;
-  --icon-gray: #9BAEC2;
-  --icon-gay-dark: #526375;
-
-  .dark & {
-    --icon-theme: #FFFF38;
-    --icon-gray: #708397;
-    --icon-gay-dark: #32404D;
-  }
-}
-
-.bge-fill-icon-theme {
-  fill: var(--icon-theme);
-}
-
-.bge-fill-icon-gray {
-  fill: var(--icon-gray);
-}
-
-.bge-fill-gay-dark {
-  fill: var(--icon-gay-dark);
-}
-
-.bge-stroke-icon-theme {
-  stroke: var(--icon-theme);
-}
-
-.bge-stroke-icon-gray {
-  stroke: var(--icon-gray);
+.bge-fill-bg-red {
+  fill: var(--bg-red);
 }
 
-.bge-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
+.bge-fill-bg-green {
+  fill: var(--bg-green);
 }
 </style>`,
     'vue',

package/icons/k/001.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.45 11.5C14.2184 10.3589 13.2095 9.5 12 9.5C10.7905 9.5 9.78164 10.3589 9.55001 11.5H2V12.5H9.55001C9.78164 13.6411 10.7905 14.5 12 14.5C13.2095 14.5 14.2184 13.6411 14.45 12.5H22V11.5H14.45ZM12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/002.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.94999 11.5C7.71836 10.3589 6.70948 9.5 5.5 9.5C4.11929 9.5 3 10.6193 3 12C3 13.3807 4.11929 14.5 5.5 14.5C6.70948 14.5 7.71836 13.6411 7.94999 12.5H22V11.5H7.94999ZM4 12C4 11.1716 4.67157 10.5 5.5 10.5C6.32843 10.5 7 11.1716 7 12C7 12.8284 6.32843 13.5 5.5 13.5C4.67157 13.5 4 12.8284 4 12Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/003.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 12C3 10.6193 4.11929 9.5 5.5 9.5C6.70948 9.5 7.71836 10.3589 7.94999 11.5H16.05C16.2816 10.3589 17.2905 9.5 18.5 9.5C19.8807 9.5 21 10.6193 21 12C21 13.3807 19.8807 14.5 18.5 14.5C17.2905 14.5 16.2816 13.6411 16.05 12.5H7.94999C7.71836 13.6411 6.70948 14.5 5.5 14.5C4.11929 14.5 3 13.3807 3 12ZM5.5 10.5C4.67157 10.5 4 11.1716 4 12C4 12.8284 4.67157 13.5 5.5 13.5C6.32843 13.5 7 12.8284 7 12C7 11.1716 6.32843 10.5 5.5 10.5ZM18.5 10.5C17.6716 10.5 17 11.1716 17 12C17 12.8284 17.6716 13.5 18.5 13.5C19.3284 13.5 20 12.8284 20 12C20 11.1716 19.3284 10.5 18.5 10.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/004.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 14.45C13.6411 14.2184 14.5 13.2095 14.5 12C14.5 10.7905 13.6411 9.78164 12.5 9.55001L12.5 2H11.5L11.5 9.55001C10.3589 9.78164 9.5 10.7905 9.5 12C9.5 13.2095 10.3589 14.2184 11.5 14.45L11.5 22H12.5L12.5 14.45ZM13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/005.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6211 14.086C11.5918 14.7291 12.9125 14.623 13.7678 13.7678C14.623 12.9125 14.7291 11.5918 14.086 10.6212L21.2071 3.50001L20.5 2.79291L13.3788 9.91406C12.4082 9.27095 11.0875 9.37702 10.2322 10.2322C9.377 11.0875 9.27094 12.4082 9.91404 13.3789L2.79289 20.5L3.5 21.2071L10.6211 14.086ZM13.0607 13.0607C13.6464 12.4749 13.6464 11.5251 13.0607 10.9394C12.4749 10.3536 11.5251 10.3536 10.9393 10.9394C10.3536 11.5251 10.3536 12.4749 10.9393 13.0607C11.5251 13.6465 12.4749 13.6465 13.0607 13.0607Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/006.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.72199 15.6463C6.75131 15.0032 5.4306 15.1092 4.57537 15.9645C3.59906 16.9408 3.59906 18.5237 4.57537 19.5C5.55168 20.4763 7.1346 20.4763 8.11091 19.5C8.96614 18.6448 9.0722 17.3241 8.4291 16.3534L21 3.78249L20.2929 3.07538L7.72199 15.6463ZM5.28248 18.7929C4.69669 18.2071 4.69669 17.2574 5.28248 16.6716C5.86827 16.0858 6.81801 16.0858 7.4038 16.6716C7.98959 17.2574 7.98959 18.2071 7.4038 18.7929C6.81801 19.3787 5.86827 19.3787 5.28248 18.7929Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/007.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.22183 19.7781C3.24552 18.8018 3.24552 17.2189 4.22183 16.2426C5.07706 15.3874 6.39776 15.2813 7.36845 15.9244L15.9244 7.36842C15.2813 6.39773 15.3874 5.07703 16.2426 4.2218C17.219 3.24549 18.8019 3.24549 19.7782 4.2218C20.7545 5.19811 20.7545 6.78102 19.7782 7.75733C18.9229 8.61256 17.6022 8.71863 16.6316 8.07552L8.07555 16.6315C8.71866 17.6022 8.61259 18.9229 7.75736 19.7781C6.78105 20.7545 5.19814 20.7545 4.22183 19.7781ZM4.92893 16.9497C4.34315 17.5355 4.34315 18.4853 4.92893 19.071C5.51472 19.6568 6.46447 19.6568 7.05025 19.071C7.63604 18.4853 7.63604 17.5355 7.05025 16.9497C6.46447 16.3639 5.51472 16.3639 4.92893 16.9497ZM16.9497 4.9289C16.364 5.51469 16.364 6.46444 16.9497 7.05022C17.5355 7.63601 18.4853 7.63601 19.0711 7.05022C19.6569 6.46444 19.6569 5.51469 19.0711 4.9289C18.4853 4.34312 17.5355 4.34312 16.9497 4.9289Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/008.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.0355 13.7585C18.3669 13.9044 18.7448 13.9773 19.169 13.9773C19.6046 13.9773 19.991 13.9034 20.3281 13.7557C20.6652 13.608 20.9294 13.4053 21.1207 13.1477C21.3139 12.8902 21.4096 12.5956 21.4077 12.2642C21.4096 11.9025 21.2978 11.6013 21.0724 11.3608C20.8489 11.1184 20.5232 10.9697 20.0952 10.9148V10.8693C20.4209 10.8106 20.6851 10.6723 20.8878 10.4545C21.0923 10.2367 21.1936 9.96496 21.1918 9.6392C21.1936 9.33239 21.1103 9.05587 20.9418 8.80966C20.7751 8.56155 20.5412 8.36458 20.24 8.21875C19.9389 8.07292 19.5876 8 19.1861 8C18.7883 8 18.4313 8.07292 18.115 8.21875C17.8007 8.36269 17.5507 8.5625 17.365 8.81818C17.1794 9.07386 17.0838 9.36932 17.0781 9.70455H18.2571C18.2628 9.55682 18.3073 9.42803 18.3906 9.31818C18.4739 9.20833 18.5847 9.12405 18.723 9.06534C18.8613 9.00473 19.0137 8.97443 19.1804 8.97443C19.3452 8.97443 19.4891 9.00568 19.6122 9.06818C19.7372 9.13068 19.8338 9.2178 19.902 9.32955C19.9721 9.43939 20.0071 9.56724 20.0071 9.71307C20.0071 9.86648 19.9673 10.0009 19.8878 10.1165C19.8082 10.2301 19.6965 10.3191 19.5525 10.3835C19.4105 10.4479 19.2467 10.4801 19.0611 10.4801H18.5185V11.3835H19.0611C19.2808 11.3835 19.4702 11.4176 19.6293 11.4858C19.7902 11.554 19.9133 11.6487 19.9986 11.7699C20.0857 11.8892 20.1293 12.0265 20.1293 12.1818C20.1293 12.3352 20.0885 12.4706 20.0071 12.5881C19.9257 12.7055 19.813 12.7973 19.669 12.8636C19.5251 12.9299 19.3594 12.9631 19.1719 12.9631C18.9919 12.9631 18.83 12.9337 18.6861 12.875C18.5421 12.8163 18.4266 12.7339 18.3395 12.6278C18.2543 12.5199 18.2079 12.3949 18.2003 12.2528H16.9616C16.9673 12.5919 17.0649 12.8911 17.2543 13.1506C17.4455 13.4081 17.706 13.6108 18.0355 13.7585Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.5 13.3977C6.70948 13.3977 7.71836 14.2566 7.94999 15.3977H22V16.3977H7.94999C7.71836 17.5388 6.70948 18.3977 5.5 18.3977C4.11929 18.3977 3 17.2784 3 15.8977C3 14.517 4.11929 13.3977 5.5 13.3977ZM5.5 14.3977C4.67157 14.3977 4 15.0693 4 15.8977C4 16.7262 4.67157 17.3977 5.5 17.3977C6.32843 17.3977 7 16.7262 7 15.8977C7 15.0693 6.32843 14.3977 5.5 14.3977Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M11.4794 13.8977V13.0114L13.5504 11.0938C13.7266 10.9233 13.8743 10.7699 13.9936 10.6335C14.1148 10.4972 14.2067 10.3636 14.2692 10.233C14.3317 10.1004 14.3629 9.95739 14.3629 9.80398C14.3629 9.63352 14.3241 9.48674 14.2465 9.36364C14.1688 9.23864 14.0627 9.14299 13.9283 9.0767C13.7938 9.00852 13.6413 8.97443 13.4709 8.97443C13.2929 8.97443 13.1376 9.01042 13.005 9.08239C12.8724 9.15436 12.7701 9.25758 12.6982 9.39205C12.6262 9.52652 12.5902 9.68655 12.5902 9.87216H11.4226C11.4226 9.49148 11.5088 9.16098 11.6811 8.88068C11.8535 8.60038 12.0949 8.38352 12.4055 8.23011C12.7162 8.0767 13.0741 8 13.4794 8C13.8961 8 14.2588 8.07386 14.5675 8.22159C14.8781 8.36742 15.1196 8.57008 15.2919 8.82955C15.4643 9.08902 15.5504 9.38636 15.5504 9.72159C15.5504 9.94129 15.5069 10.1581 15.4198 10.3722C15.3345 10.5862 15.1821 10.8239 14.9624 11.0852C14.7427 11.3447 14.433 11.6563 14.0334 12.0199L13.184 12.8523V12.892H15.6271V13.8977H11.4794Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M9.59659 13.8977V8.07955H8.44034L7 8.99148V10.0824L8.33239 9.24716H8.36648V13.8977H9.59659Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/009.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.2624 9.97721C8.23308 10.6203 9.55379 10.5142 10.409 9.65901C11.2643 8.80378 11.3703 7.48308 10.7272 6.51239L14.6516 2.58797L13.9445 1.88086L10.0201 5.80529C9.04942 5.16219 7.72872 5.26825 6.87349 6.12348C6.01825 6.97871 5.91219 8.29941 6.55529 9.2701L2.63083 13.1946L3.33794 13.9017L7.2624 9.97721ZM9.70191 8.95191C10.2877 8.36612 10.2877 7.41637 9.70191 6.83059C9.11613 6.2448 8.16638 6.2448 7.58059 6.83059C6.99481 7.41637 6.99481 8.36612 7.58059 8.95191C8.16638 9.53769 9.11613 9.53769 9.70191 8.95191Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.96949 16.3412C7.32639 15.3705 7.43245 14.0498 8.28768 13.1946C9.14291 12.3393 10.4636 12.2333 11.4343 12.8764L13.6263 10.6843C12.9832 9.71364 13.0893 8.39294 13.9445 7.53771C14.7998 6.68248 16.1205 6.57642 17.0912 7.21952L18.1872 6.1235L18.8943 6.8306L17.7983 7.92662C18.4414 8.89731 18.3353 10.218 17.4801 11.0732C16.6248 11.9285 15.3041 12.0345 14.3335 11.3914L12.1414 13.5835C12.7845 14.5542 12.6784 15.8749 11.8232 16.7301C10.968 17.5853 9.64728 17.6914 8.6766 17.0483L7.58058 18.1443L6.87347 17.4372L7.96949 16.3412ZM8.99479 13.9017C8.409 14.4875 8.409 15.4372 8.99479 16.023C9.58058 16.6088 10.5303 16.6088 11.1161 16.023C11.7019 15.4372 11.7019 14.4875 11.1161 13.9017C10.5303 13.3159 9.58058 13.3159 8.99479 13.9017ZM14.6516 8.24482C14.0659 8.8306 14.0659 9.78035 14.6516 10.3661C15.2374 10.9519 16.1872 10.9519 16.773 10.3661C17.3588 9.78035 17.3588 8.8306 16.773 8.24482C16.1872 7.65903 15.2374 7.65903 14.6516 8.24482Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M11.4697 22.0334L22.7834 10.7197L22.0763 10.0126L10.7626 21.3263L11.4697 22.0334Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/010.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6613 12.1966C14.6907 11.5535 13.3699 11.6595 12.5147 12.5147C11.6595 13.37 11.5534 14.6907 12.1965 15.6614L7.56498 20.2929L8.27209 21L12.9036 16.3685C13.8743 17.0116 15.195 16.9055 16.0503 16.0503C16.9055 15.1951 17.0115 13.8743 16.3684 12.9037L21 8.27209L20.2929 7.56499L15.6613 12.1966ZM13.2218 13.2219C12.636 13.8076 12.636 14.7574 13.2218 15.3432C13.8076 15.929 14.7574 15.929 15.3431 15.3432C15.9289 14.7574 15.9289 13.8076 15.3431 13.2219C14.7574 12.6361 13.8076 12.6361 13.2218 13.2219Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9542 4.41837C15.5973 5.38905 15.4913 6.70975 14.6361 7.56499C13.7808 8.42022 12.4601 8.52628 11.4894 7.88318L7.88318 11.4894C8.52628 12.4601 8.42022 13.7808 7.56499 14.6361C6.70975 15.4913 5.38905 15.5973 4.41837 14.9542L3.32234 16.0503L2.61523 15.3432L3.71126 14.2471C3.06815 13.2765 3.17422 11.9557 4.02945 11.1005C4.88468 10.2453 6.20539 10.1392 7.17607 10.7823L10.7823 7.17607C10.1392 6.20538 10.2453 4.88468 11.1005 4.02945C11.9558 3.17422 13.2765 3.06815 14.2471 3.71126L15.3432 2.61523L16.0503 3.32234L14.9542 4.41837ZM13.9289 6.85788C14.5147 6.27209 14.5147 5.32234 13.9289 4.73656C13.3432 4.15077 12.3934 4.15077 11.8076 4.73656C11.2218 5.32234 11.2218 6.27209 11.8076 6.85788C12.3934 7.44367 13.3432 7.44367 13.9289 6.85788ZM6.85788 13.9289C7.44367 13.3432 7.44367 12.3934 6.85788 11.8076C6.27209 11.2218 5.32234 11.2218 4.73656 11.8076C4.15077 12.3934 4.15077 13.3432 4.73656 13.9289C5.32234 14.5147 6.27209 14.5147 6.85788 13.9289Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/011.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C9.20948 3 10.2184 3.85888 10.45 5H22V6H10.45C10.2184 7.14112 9.20948 8 8 8C6.79052 8 5.78164 7.14112 5.55001 6H2V5H5.55001C5.78164 3.85888 6.79052 3 8 3ZM6.5 5.5C6.5 4.67157 7.17157 4 8 4C8.82843 4 9.5 4.67157 9.5 5.5C9.5 6.32843 8.82843 7 8 7C7.17157 7 6.5 6.32843 6.5 5.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C17.2095 16 18.2184 16.8589 18.45 18H22V19H18.45C18.2184 20.1411 17.2095 21 16 21C14.7905 21 13.7816 20.1411 13.55 19H2V18H13.55C13.7816 16.8589 14.7905 16 16 16ZM14.5 18.5C14.5 17.6716 15.1716 17 16 17C16.8284 17 17.5 17.6716 17.5 18.5C17.5 19.3284 16.8284 20 16 20C15.1716 20 14.5 19.3284 14.5 18.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M22 10.5H2V9.5H22V10.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M2 14.5H22V13.5H2V14.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/k/012.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 3.5H17V2.5H7V3.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M13.5 11V17H14.5V11H13.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path d="M9.5 17V11H10.5V17H9.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 7.5H22V6.5H2V7.5H5.5V21.5H18.5V7.5ZM17.5 7.5H6.5V20.5H17.5V7.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/caht.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C10.11 22 8.34001 21.475 6.83201 20.562L3.80001 21.454C3.62593 21.5052 3.44126 21.5086 3.26543 21.4638C3.08959 21.4189 2.92908 21.3276 2.80077 21.1992C2.67246 21.0709 2.58108 20.9104 2.53625 20.7346C2.49142 20.5587 2.49479 20.3741 2.54601 20.2L3.43801 17.168C2.49497 15.6093 1.99759 13.8218 2.00001 12C2.00001 6.477 6.47701 2 12 2ZM8.50001 10.5C8.10218 10.5 7.72065 10.658 7.43935 10.9393C7.15804 11.2206 7.00001 11.6022 7.00001 12C7.00001 12.3978 7.15804 12.7794 7.43935 13.0607C7.72065 13.342 8.10218 13.5 8.50001 13.5C8.89783 13.5 9.27936 13.342 9.56067 13.0607C9.84197 12.7794 10 12.3978 10 12C10 11.6022 9.84197 11.2206 9.56067 10.9393C9.27936 10.658 8.89783 10.5 8.50001 10.5ZM15.5 10.5C15.1022 10.5 14.7207 10.658 14.4393 10.9393C14.158 11.2206 14 11.6022 14 12C14 12.3978 14.158 12.7794 14.4393 13.0607C14.7207 13.342 15.1022 13.5 15.5 13.5C15.8978 13.5 16.2794 13.342 16.5607 13.0607C16.842 12.7794 17 12.3978 17 12C17 11.6022 16.842 11.2206 16.5607 10.9393C16.2794 10.658 15.8978 10.5 15.5 10.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/discord.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.003 4C15.747 4 16.533 4.26 17.253 4.547L17.78 4.763C19.04 5.291 19.748 6.399 20.297 7.616C21.188 9.591 21.807 12.224 22.021 14.226C22.123 15.176 22.148 16.132 21.965 16.775C21.768 17.462 21.098 17.948 20.447 18.33L20.125 18.513L19.791 18.699C19.619 18.795 19.442 18.89 19.266 18.983L18.744 19.253L18.027 19.61L17.45 19.894C17.3321 19.9576 17.2027 19.9968 17.0693 20.0094C16.936 20.022 16.8015 20.0077 16.6738 19.9673C16.5461 19.9269 16.4279 19.8613 16.326 19.7743C16.2242 19.6874 16.1408 19.5808 16.0809 19.461C16.021 19.3413 15.9858 19.2107 15.9774 19.077C15.9689 18.9433 15.9874 18.8094 16.0317 18.683C16.076 18.5566 16.1452 18.4404 16.2353 18.3413C16.3254 18.2422 16.4344 18.1622 16.556 18.106L17.346 17.716L16.766 17.107C15.376 17.677 13.739 18 12 18C10.261 18 8.624 17.678 7.234 17.107L6.654 17.715L7.447 18.105C7.56453 18.1637 7.66935 18.245 7.75548 18.3442C7.8416 18.4434 7.90734 18.5586 7.94894 18.6832C7.99054 18.8078 8.00718 18.9394 7.99793 19.0705C7.98868 19.2015 7.9537 19.3295 7.895 19.447C7.8363 19.5645 7.75502 19.6694 7.65581 19.7555C7.5566 19.8416 7.4414 19.9073 7.31678 19.9489C7.06511 20.033 6.79037 20.0136 6.553 19.895L6.009 19.625C5.607 19.425 5.204 19.227 4.806 19.018L3.878 18.513L3.557 18.33C2.906 17.948 2.235 17.462 2.039 16.775C1.855 16.132 1.881 15.177 1.982 14.225C2.196 12.224 2.815 9.591 3.706 7.616C4.255 6.399 4.963 5.291 6.223 4.763C7.059 4.413 8.072 4 9 4C9.603 4 10.077 4.555 9.99 5.147C10.6555 5.04854 11.3273 4.9994 12 5C12.691 5 13.366 5.05 14.014 5.148C13.9947 5.00599 14.0058 4.8615 14.0466 4.72411C14.0874 4.58671 14.1568 4.45954 14.2504 4.35101C14.344 4.24248 14.4596 4.15507 14.5895 4.09456C14.7194 4.03404 14.8597 4.00181 15.003 4ZM8.75 10.5C8.28587 10.5 7.84075 10.6844 7.51256 11.0126C7.18437 11.3408 7 11.7859 7 12.25C7 12.7141 7.18437 13.1592 7.51256 13.4874C7.84075 13.8156 8.28587 14 8.75 14C9.21413 14 9.65925 13.8156 9.98744 13.4874C10.3156 13.1592 10.5 12.7141 10.5 12.25C10.5 11.7859 10.3156 11.3408 9.98744 11.0126C9.65925 10.6844 9.21413 10.5 8.75 10.5ZM15.25 10.5C14.7859 10.5 14.3408 10.6844 14.0126 11.0126C13.6844 11.3408 13.5 11.7859 13.5 12.25C13.5 12.7141 13.6844 13.1592 14.0126 13.4874C14.3408 13.8156 14.7859 14 15.25 14C15.7141 14 16.1592 13.8156 16.4874 13.4874C16.8156 13.1592 17 12.7141 17 12.25C17 11.7859 16.8156 11.3408 16.4874 11.0126C16.1592 10.6844 15.7141 10.5 15.25 10.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/facebook.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5 21.888C18.311 21.164 22 17.013 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.013 5.689 21.165 10.5 21.888V15H9C8.60218 15 8.22064 14.842 7.93934 14.5607C7.65804 14.2794 7.5 13.8978 7.5 13.5C7.5 13.1022 7.65804 12.7206 7.93934 12.4393C8.22064 12.158 8.60218 12 9 12H10.5V10C10.5 9.07174 10.8687 8.1815 11.5251 7.52513C12.1815 6.86875 13.0717 6.5 14 6.5H14.5C14.8978 6.5 15.2794 6.65804 15.5607 6.93934C15.842 7.22064 16 7.60218 16 8C16 8.39782 15.842 8.77936 15.5607 9.06066C15.2794 9.34196 14.8978 9.5 14.5 9.5H14C13.8674 9.5 13.7402 9.55268 13.6464 9.64645C13.5527 9.74021 13.5 9.86739 13.5 10V12H15C15.3978 12 15.7794 12.158 16.0607 12.4393C16.342 12.7206 16.5 13.1022 16.5 13.5C16.5 13.8978 16.342 14.2794 16.0607 14.5607C15.7794 14.842 15.3978 15 15 15H13.5V21.888Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/ins.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 3C17.3261 3 18.5979 3.52678 19.5355 4.46447C20.4732 5.40215 21 6.67392 21 8V16C21 17.3261 20.4732 18.5979 19.5355 19.5355C18.5979 20.4732 17.3261 21 16 21H8C6.67392 21 5.40215 20.4732 4.46447 19.5355C3.52678 18.5979 3 17.3261 3 16V8C3 6.67392 3.52678 5.40215 4.46447 4.46447C5.40215 3.52678 6.67392 3 8 3H16ZM12 8C10.9391 8 9.92172 8.42143 9.17157 9.17157C8.42143 9.92172 8 10.9391 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8ZM12 10C12.5304 10 13.0391 10.2107 13.4142 10.5858C13.7893 10.9609 14 11.4696 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14C11.4696 14 10.9609 13.7893 10.5858 13.4142C10.2107 13.0391 10 12.5304 10 12C10 11.4696 10.2107 10.9609 10.5858 10.5858C10.9609 10.2107 11.4696 10 12 10ZM16.5 6.5C16.2348 6.5 15.9804 6.60536 15.7929 6.79289C15.6054 6.98043 15.5 7.23478 15.5 7.5C15.5 7.76522 15.6054 8.01957 15.7929 8.20711C15.9804 8.39464 16.2348 8.5 16.5 8.5C16.7652 8.5 17.0196 8.39464 17.2071 8.20711C17.3946 8.01957 17.5 7.76522 17.5 7.5C17.5 7.23478 17.3946 6.98043 17.2071 6.79289C17.0196 6.60536 16.7652 6.5 16.5 6.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 3C18.7956 3 19.5587 3.31607 20.1213 3.87868C20.6839 4.44129 21 5.20435 21 6V18C21 18.7956 20.6839 19.5587 20.1213 20.1213C19.5587 20.6839 18.7956 21 18 21H6C5.20435 21 4.44129 20.6839 3.87868 20.1213C3.31607 19.5587 3 18.7956 3 18V6C3 5.20435 3.31607 4.44129 3.87868 3.87868C4.44129 3.31607 5.20435 3 6 3H18ZM8 10C7.73478 10 7.48043 10.1054 7.29289 10.2929C7.10536 10.4804 7 10.7348 7 11V16C7 16.2652 7.10536 16.5196 7.29289 16.7071C7.48043 16.8946 7.73478 17 8 17C8.26522 17 8.51957 16.8946 8.70711 16.7071C8.89464 16.5196 9 16.2652 9 16V11C9 10.7348 8.89464 10.4804 8.70711 10.2929C8.51957 10.1054 8.26522 10 8 10ZM11 9C10.7348 9 10.4804 9.10536 10.2929 9.29289C10.1054 9.48043 10 9.73478 10 10V16C10 16.2652 10.1054 16.5196 10.2929 16.7071C10.4804 16.8946 10.7348 17 11 17C11.2652 17 11.5196 16.8946 11.7071 16.7071C11.8946 16.5196 12 16.2652 12 16V12.34C12.305 11.996 12.82 11.592 13.393 11.347C13.726 11.205 14.227 11.147 14.575 11.257C14.727 11.305 14.815 11.373 14.868 11.445C14.92 11.515 15 11.671 15 12V16C15 16.2652 15.1054 16.5196 15.2929 16.7071C15.4804 16.8946 15.7348 17 16 17C16.2652 17 16.5196 16.8946 16.7071 16.7071C16.8946 16.5196 17 16.2652 17 16V12C17 11.33 16.83 10.734 16.476 10.256C16.1503 9.82256 15.6944 9.50472 15.175 9.349C14.273 9.066 13.274 9.223 12.607 9.509C12.3933 9.60046 12.1852 9.70465 11.984 9.821C11.9421 9.59059 11.8206 9.3822 11.6408 9.23216C11.461 9.08213 11.2342 8.99996 11 9ZM8 7C7.73478 7 7.48043 7.10536 7.29289 7.29289C7.10536 7.48043 7 7.73478 7 8C7 8.26522 7.10536 8.51957 7.29289 8.70711C7.48043 8.89464 7.73478 9 8 9C8.26522 9 8.51957 8.89464 8.70711 8.70711C8.89464 8.51957 9 8.26522 9 8C9 7.73478 8.89464 7.48043 8.70711 7.29289C8.51957 7.10536 8.26522 7 8 7Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/medium.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6C9.5913 6 11.1174 6.63214 12.2426 7.75736C13.3679 8.88258 14 10.4087 14 12C14 13.5913 13.3679 15.1174 12.2426 16.2426C11.1174 17.3679 9.5913 18 8 18C6.4087 18 4.88258 17.3679 3.75736 16.2426C2.63214 15.1174 2 13.5913 2 12C2 10.4087 2.63214 8.88258 3.75736 7.75736C4.88258 6.63214 6.4087 6 8 6ZM17 7C18.5 7 19.5 9.239 19.5 12C19.5 14.761 18.5 17 17 17C15.5 17 14.5 14.761 14.5 12C14.5 9.239 15.5 7 17 7ZM21 7.5C21.38 7.5 21.712 8.327 21.88 9.746L21.927 10.189L21.946 10.424L21.976 10.918L21.986 11.177L21.998 11.718L22 12L21.998 12.282L21.986 12.823L21.976 13.083L21.946 13.576L21.926 13.811L21.881 14.254C21.712 15.674 21.381 16.5 21 16.5C20.62 16.5 20.288 15.673 20.12 14.254L20.073 13.811C20.0661 13.7327 20.0598 13.6544 20.054 13.576L20.024 13.082C20.0201 12.9957 20.0168 12.9094 20.014 12.823L20.002 12.282V11.718L20.014 11.177L20.024 10.917L20.054 10.424L20.074 10.189L20.119 9.746C20.288 8.326 20.619 7.5 21 7.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/reddit.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM15 6C14.7 6 14.432 6.131 14.249 6.34L12.599 6.01C12.5322 5.99652 12.4634 5.99683 12.3967 6.0109C12.3301 6.02498 12.267 6.05253 12.2114 6.09186C12.1558 6.13119 12.1088 6.18147 12.0733 6.23962C12.0378 6.29776 12.0146 6.36255 12.005 6.43L11.637 9.008C10.214 9.071 8.898 9.501 7.891 10.206C7.69915 10.3401 7.51641 10.4867 7.344 10.645C6.98851 10.471 6.57864 10.4445 6.20372 10.5713C5.82879 10.6982 5.51919 10.9681 5.34239 11.3222C5.1656 11.6763 5.13593 12.086 5.25986 12.4619C5.38378 12.8378 5.65126 13.1495 6.004 13.329L6 13.5C6 14.882 6.802 16.032 7.891 16.794C8.983 17.56 10.439 18 12 18C13.56 18 15.017 17.559 16.109 16.794C17.199 16.032 18 14.882 18 13.5L17.996 13.33C18.3521 13.1523 18.6229 12.8404 18.7491 12.463C18.8752 12.0856 18.8462 11.6736 18.6685 11.3175C18.4908 10.9614 18.1789 10.6906 17.8015 10.5644C17.4241 10.4383 17.0121 10.4673 16.656 10.645C16.4836 10.4864 16.3009 10.3394 16.109 10.205C15.169 9.548 13.959 9.129 12.644 9.025L12.92 7.094L14.052 7.32C14.1109 7.49424 14.2166 7.64887 14.3576 7.7669C14.4987 7.88492 14.6695 7.96177 14.8514 7.98899C15.0333 8.01621 15.2192 7.99274 15.3886 7.92117C15.558 7.84961 15.7044 7.73271 15.8117 7.58333C15.9189 7.43396 15.9829 7.25789 15.9966 7.0745C16.0103 6.8911 15.9732 6.70748 15.8893 6.54382C15.8054 6.38017 15.678 6.24281 15.5211 6.14687C15.3642 6.05093 15.1839 6.00011 15 6ZM9.5 12C9.89782 12 10.2794 12.158 10.5607 12.4393C10.842 12.7206 11 13.1022 11 13.5C11 13.8978 10.842 14.2794 10.5607 14.5607C10.2794 14.842 9.89782 15 9.5 15C9.10218 15 8.72064 14.842 8.43934 14.5607C8.15804 14.2794 8 13.8978 8 13.5C8 13.1022 8.15804 12.7206 8.43934 12.4393C8.72064 12.158 9.10218 12 9.5 12ZM14.5 12C14.8978 12 15.2794 12.158 15.5607 12.4393C15.842 12.7206 16 13.1022 16 13.5C16 13.8978 15.842 14.2794 15.5607 14.5607C15.2794 14.842 14.8978 15 14.5 15C14.1022 15 13.7206 14.842 13.4393 14.5607C13.158 14.2794 13 13.8978 13 13.5C13 13.1022 13.158 12.7206 13.4393 12.4393C13.7206 12.158 14.1022 12 14.5 12Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/telegram.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.777 4.43003C20.0241 4.32602 20.2946 4.29015 20.5603 4.32614C20.826 4.36214 21.0772 4.46869 21.2877 4.63471C21.4982 4.80073 21.6604 5.02014 21.7574 5.27011C21.8543 5.52008 21.8825 5.79147 21.839 6.05603L19.571 19.813C19.351 21.14 17.895 21.901 16.678 21.24C15.66 20.687 14.148 19.835 12.788 18.946C12.108 18.501 10.025 17.076 10.281 16.062C10.501 15.195 14.001 11.937 16.001 10C16.786 9.23903 16.428 8.80003 15.501 9.50003C13.199 11.238 9.503 13.881 8.281 14.625C7.203 15.281 6.641 15.393 5.969 15.281C4.743 15.077 3.606 14.761 2.678 14.376C1.424 13.856 1.485 12.132 2.677 11.63L19.777 4.43003Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/x.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.753 4.659C19.8395 4.56011 19.9056 4.44516 19.9477 4.32071C19.9897 4.19626 20.0069 4.06475 19.9981 3.93368C19.9893 3.80261 19.9548 3.67455 19.8965 3.55682C19.8383 3.43908 19.7574 3.33398 19.6585 3.2475C19.5596 3.16102 19.4447 3.09487 19.3202 3.05282C19.1958 3.01077 19.0642 2.99364 18.9332 3.00242C18.8021 3.01119 18.6741 3.0457 18.5563 3.10396C18.4386 3.16223 18.3335 3.24311 18.247 3.342L13.137 9.182L8.8 3.4C8.70685 3.2758 8.58607 3.175 8.44721 3.10557C8.30836 3.03614 8.15525 3 8 3H4C3.81429 3 3.63225 3.05171 3.47427 3.14935C3.31629 3.24698 3.18863 3.38668 3.10557 3.55279C3.02252 3.71889 2.98736 3.90484 3.00404 4.08981C3.02072 4.27477 3.08857 4.45143 3.2 4.6L9.637 13.182L4.247 19.342C4.16053 19.4409 4.09437 19.5558 4.05232 19.6803C4.01027 19.8047 3.99314 19.9363 4.00192 20.0673C4.01069 20.1984 4.0452 20.3264 4.10347 20.4442C4.16173 20.5619 4.24261 20.667 4.3415 20.7535C4.44039 20.84 4.55534 20.9061 4.67979 20.9482C4.80424 20.9902 4.93575 21.0074 5.06682 20.9986C5.19789 20.9898 5.32595 20.9553 5.44368 20.897C5.56142 20.8388 5.66652 20.7579 5.753 20.659L10.863 14.818L15.2 20.6C15.2931 20.7242 15.4139 20.825 15.5528 20.8944C15.6916 20.9639 15.8448 21 16 21H20C20.1857 21 20.3678 20.9483 20.5257 20.8507C20.6837 20.753 20.8114 20.6133 20.8944 20.4472C20.9775 20.2811 21.0126 20.0952 20.996 19.9102C20.9793 19.7252 20.9114 19.5486 20.8 19.4L14.363 10.818L19.753 4.659ZM16.5 19L6 5H7.5L18 19H16.5Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/icons/logo/youtube.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C12.855 4 13.732 4.022 14.582 4.058L15.586 4.106L16.547 4.163L17.447 4.224L18.269 4.288C19.161 4.35628 20.0004 4.73695 20.6395 5.36304C21.2786 5.98913 21.6764 6.82054 21.763 7.711L21.803 8.136L21.878 9.046C21.948 9.989 22 11.017 22 12C22 12.983 21.948 14.011 21.878 14.954L21.803 15.864C21.79 16.01 21.777 16.151 21.763 16.289C21.6764 17.1796 21.2784 18.0112 20.6391 18.6373C19.9999 19.2634 19.1602 19.6439 18.268 19.712L17.448 19.775L16.548 19.837L15.586 19.894L14.582 19.942C13.732 19.978 12.855 20 12 20C11.145 20 10.268 19.978 9.418 19.942L8.414 19.894L7.453 19.837L6.553 19.775L5.731 19.712C4.83895 19.6437 3.99955 19.2631 3.36047 18.637C2.72139 18.0109 2.32357 17.1795 2.237 16.289L2.197 15.864L2.122 14.954C2.04554 13.9711 2.00484 12.9858 2 12C2 11.017 2.052 9.989 2.122 9.046L2.197 8.136C2.21 7.99 2.223 7.849 2.237 7.711C2.32354 6.8207 2.72122 5.98942 3.36009 5.36334C3.99897 4.73727 4.83813 4.3565 5.73 4.288L6.551 4.224L7.451 4.163L8.413 4.106L9.417 4.058C10.268 4.022 11.145 4 12 4ZM10 9.575V14.425C10 14.887 10.5 15.175 10.9 14.945L15.1 12.52C15.1914 12.4674 15.2673 12.3916 15.3201 12.3003C15.3729 12.209 15.4007 12.1055 15.4007 12C15.4007 11.8945 15.3729 11.791 15.3201 11.6997C15.2673 11.6084 15.1914 11.5326 15.1 11.48L10.9 9.056C10.8088 9.00332 10.7053 8.9756 10.5999 8.97562C10.4945 8.97563 10.3911 9.00339 10.2998 9.0561C10.2086 9.1088 10.1329 9.1846 10.0802 9.27587C10.0276 9.36713 9.99993 9.47065 10 9.576V9.575Z" fill="#808080" style="fill:#808080;fill:color(display-p3 0.5000 0.5000 0.5000);fill-opacity:1;"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/button/index.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { defineProps } from 'vue'
 defineOptions({
   name: 'Button',
 })
@@ -46,7 +45,6 @@ defineProps({
 </template>
 <style lang="scss">
 .bge-button {
-
   &+.bge-button {
     margin-left: 12px;
   }
@@ -60,7 +58,7 @@ defineProps({
   }
 
   &.bge-button--secondary {
-    --color: var(--tc-primary);
+    --color: var(--tc-title);
     --btn: var(--btn-secondary);
     --btn-hover: var(--btn-secondary-hover);
     --btn-pressed: var(--btn-secondary-pressed);
@@ -75,6 +73,14 @@ defineProps({
     --btn-disable: var(--btn-white-disable);
   }
 
+  &.bge-button--black {
+    --color: var(--tc-btn-black);
+    --btn: var(--btn-black);
+    --btn-hover: var(--btn-black-hover);
+    --btn-pressed: var(--btn-black-pressed);
+    --btn-disable: var(--btn-black-disable);
+  }
+
   &.bge-button--violet {
     --color: var(--persistent-white);
     --btn: var(--btn-violet);
@@ -83,6 +89,22 @@ defineProps({
     --btn-disable: var(--btn-violet-disable);
   }
 
+  &.bge-button--red {
+    --color: var(--persistent-white);
+    --btn: var(--btn-red);
+    --btn-hover: var(--btn-red-hover);
+    --btn-pressed: var(--btn-red-hover);
+    --btn-disable: var(--btn-red-disable);
+  }
+  
+  &.bge-button--green {
+    --color: var(--persistent-white);
+    --btn: var(--btn-green);
+    --btn-hover: var(--btn-green-hover);
+    --btn-pressed: var(--btn-green-hover);
+    --btn-disable: var(--btn-green-disable);
+  }
+
   &.bge-button--large {
     font-size: 16px;
     font-weight: 500;
@@ -123,10 +145,10 @@ defineProps({
 
   background: var(--btn);
   color: var(--color);
+  border-radius: var(--radius-small, 4px);
   padding: 8px 16px;
   font-size: 14px;
   font-weight: 500;
-  border-radius: 0;
   border: none;
   outline: none;
   text-align: center;

package/src/dialog/index.vue

@@ -126,7 +126,7 @@ function close() {
   z-index: 1003;
   width: 440px;
   margin: 0 auto;
-  border-radius: 0;
+  border-radius: var(--radius-medium, 16px);
   position: absolute;
   left: 50%;
   top: 50%;

package/src/form/index.vue

@@ -4,7 +4,7 @@
   </form>
 </template>
 <script setup lang="ts">
-import { defineProps, provide, reactive, toRefs } from 'vue'
+import { provide, reactive, toRefs } from 'vue'
 defineOptions({
   name: 'Form',
 })

package/src/icons/ColorCheckFill.vue

@@ -0,0 +1,54 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM10.4593 15.7593C10.821 16.121 11.4074 16.121 11.7691 15.7593L17.1142 10.4142C17.5047 10.0237 17.5047 9.39052 17.1142 9C16.7237 8.60948 16.0905 8.60948 15.7 9L11.1142 13.5858L8.52843 11C8.13791 10.6095 7.50474 10.6095 7.11422 11C6.72369 11.3905 6.72369 12.0237 7.11422 12.4142L10.4593 15.7593Z"
+      class="bge-fill-bg-green"
+      style="
+        fill: #13bd8a;
+        fill: color(display-p3 0.0745 0.7412 0.5412);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.4593 15.7593C10.821 16.121 11.4074 16.121 11.7691 15.7593L17.1142 10.4142C17.5047 10.0237 17.5047 9.39054 17.1142 9.00001C16.7237 8.60949 16.0905 8.60949 15.7 9.00002L11.1142 13.5858L8.52843 11C8.13791 10.6095 7.50474 10.6095 7.11422 11C6.72369 11.3905 6.72369 12.0237 7.11422 12.4142L10.4593 15.7593Z"
+      fill="white"
+      style="fill: white; fill-opacity: 1"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorCheckFill',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/ColorExclamationmarkFill.vue

@@ -0,0 +1,50 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 6.5C12.8106 6.5 13.4509 7.1877 13.3931 7.99619L13.0712 12.5025C13.0311 13.0646 12.5634 13.5 12 13.5C11.4366 13.5 10.9689 13.0646 10.9288 12.5025L10.6069 7.99619C10.5491 7.1877 11.1894 6.5 12 6.5ZM12 17.5C12.6904 17.5 13.25 16.9404 13.25 16.25C13.25 15.5596 12.6904 15 12 15C11.3096 15 10.75 15.5596 10.75 16.25C10.75 16.9404 11.3096 17.5 12 17.5Z"
+      class="bge-fill-bg-red"
+      style="fill: color(display-p3 0.92 0.276 0.3574); fill-opacity: 1"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 6.5C12.8106 6.5 13.4509 7.1877 13.3931 7.99619L13.0712 12.5025C13.0311 13.0646 12.5634 13.5 12 13.5C11.4366 13.5 10.9689 13.0646 10.9288 12.5025L10.6069 7.99619C10.5491 7.1877 11.1894 6.5 12 6.5ZM12 17.5C12.6904 17.5 13.25 16.9404 13.25 16.25C13.25 15.5596 12.6904 15 12 15C11.3096 15 10.75 15.5596 10.75 16.25C10.75 16.9404 11.3096 17.5 12 17.5Z"
+      fill="white"
+      style="fill: white; fill-opacity: 1"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorExclamationmarkFill',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/ColorLoading.vue

@@ -0,0 +1,75 @@
+<template>
+  <svg
+    class="bge-color-svg"
+    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.886 2.06106C11.1496 2.03189 11.414 2.10864 11.6211 2.27442C11.8281 2.4402 11.9608 2.68144 11.99 2.94506C12.0192 3.20869 11.9424 3.47311 11.7766 3.68015C11.6109 3.88719 11.3696 4.01989 11.106 4.04906C9.07764 4.28141 7.21483 5.28037 5.899 6.8414C4.58316 8.40242 3.91385 10.4074 4.0281 12.4458C4.14236 14.4843 5.03153 16.4019 6.51357 17.8061C7.99561 19.2103 9.95838 19.9948 12 19.9991V21.9991C6.477 21.9991 2 17.5231 2 11.9991C2 6.89306 5.848 2.62106 10.886 2.06206V2.06106Z"
+      fill="#161A1F"
+      style="
+        fill: #161a1f;
+        fill: color(display-p3 0.0864 0.1032 0.12);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M16.322 4.03999C16.4737 3.82256 16.7056 3.67429 16.9667 3.62778C17.2277 3.58127 17.4965 3.64034 17.714 3.79199C19.0379 4.71254 20.1193 5.93994 20.8656 7.36931C21.612 8.79867 22.0012 10.3875 22 12C22 17.523 17.523 22 12 22V20C13.7035 20.0002 15.3626 19.4567 16.7358 18.4485C18.1089 17.4403 19.1244 16.0201 19.6343 14.3947C20.1442 12.7693 20.122 11.0235 19.5708 9.41164C19.0197 7.79975 17.9684 6.40588 16.57 5.43299C16.4622 5.35785 16.3703 5.2622 16.2994 5.15151C16.2286 5.04082 16.1803 4.91726 16.1573 4.78789C16.1343 4.65852 16.137 4.52588 16.1652 4.39755C16.1935 4.26922 16.2468 4.14772 16.322 4.03999Z"
+      fill="url(#paint0_linear_16659_10771)"
+      style=""
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_16659_10771"
+        x1="12"
+        y1="4"
+        x2="12"
+        y2="19.5"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop
+          stop-color="#161A1F"
+          stop-opacity="0"
+          style="stop-color: none; stop-opacity: 0"
+        />
+        <stop
+          offset="1"
+          stop-color="#161A1F"
+          style="
+            stop-color: #161a1f;
+            stop-color: color(display-p3 0.0863 0.102 0.1216);
+            stop-opacity: 1;
+          "
+        />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'ColorLoading',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>