bge-ui 1.0.21 → 1.0.23

package/src/icons/IntlEur.vue

@@ -10,59 +10,71 @@
     <path
       d="M0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24C15.1826 24 18.2348 22.7357 20.4853 20.4853C22.7357 18.2348 24 15.1826 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76516 0 8.8174 0 12H0Z"
       fill="#003399"
+      style="fill: #003399; fill: color(display-p3 0 0.2 0.6); fill-opacity: 1"
     />
     <path
       d="M5.62511 8.28343L5.8593 7.5564L6.09501 8.28267H6.85558L6.23959 8.73177L6.47605 9.4588L5.86081 9.0097L5.24633 9.45955L5.47977 8.73252L4.86453 8.28419L5.62511 8.28343Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M6.53177 16.4103L5.91578 15.9619L5.3013 16.4118L5.5355 15.684L4.9195 15.2364L5.68083 15.2349L5.91503 14.5071L6.14998 15.2342H6.9098L6.29607 15.6832L6.53177 16.4103Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M8.2186 5.67747L8.45355 4.94969L8.6885 5.67672L9.44757 5.6752L8.83384 6.12505L9.06879 6.85284L8.4543 6.40451L7.83982 6.85436L8.07401 6.12657L7.45877 5.67747H8.2186Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M9.12677 19.0541L8.51153 18.605L7.8978 19.0556L8.13124 18.3293L7.51601 17.8802L8.27583 17.8795L8.50927 17.1517L8.74498 17.8787L9.5048 17.8772L8.89107 18.3271L9.12677 19.0541Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M11.7654 4.72627L11.9996 4L12.2346 4.72627H12.9944L12.3799 5.17537L12.6141 5.90164L11.9996 5.45331L11.3844 5.90164L11.6194 5.17537L11.0049 4.72627H11.7654Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M12.6796 19.997L12.0621 19.5509L11.4484 20L11.6811 19.273L11.0666 18.8246L11.8257 18.8231L12.0591 18.0961L12.2963 18.8216L13.0547 18.8201L12.4417 19.2715L12.6796 19.997Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M16.1083 19.039L15.4945 18.5868L14.8778 19.0344L15.1157 18.3074L14.502 17.8553L15.2618 17.859L15.499 17.1328L15.7317 17.8606L16.4923 17.8636L15.8756 18.3104L16.1083 19.039Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M15.9215 6.13717L16.1572 6.86496L15.542 6.41662L14.9275 6.86572L15.1624 6.13944L14.5449 5.69035L15.3063 5.68959L15.539 4.9618L15.7762 5.68808L16.5352 5.68732L15.9215 6.13717Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M17.7921 8.2289L18.0263 7.50036L18.2612 8.22814L19.0225 8.22739L18.4073 8.678L18.643 9.40427L18.0278 8.95518L17.4133 9.40427L17.6475 8.678L17.0315 8.2289H17.7921Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M18.7017 16.4148L18.0865 15.9657L17.472 16.4156L17.7062 15.6893L17.0902 15.2402L17.8508 15.2395L18.085 14.5117L18.32 15.2395L19.0813 15.2372L18.466 15.6878L18.7017 16.4148Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M19.6152 12.9796L19.0022 12.5282L18.3847 12.9751L18.6234 12.2495L18.0097 11.7974L18.7695 11.8004L19.0075 11.0742L19.2402 11.8027L20 11.8057L19.3833 12.2526L19.6152 12.9796Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
     <path
       d="M4.99779 12.5441L5.61378 12.991L5.37657 12.2654L5.98955 11.8133L5.23048 11.8156L4.99251 11.0901L4.75982 11.8186L4 11.8194L4.61674 12.2677L4.38255 12.9947L4.99779 12.5441Z"
       fill="#FFCC00"
+      style="fill: #ffcc00; fill: color(display-p3 1 0.8 0); fill-opacity: 1"
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -78,39 +90,11 @@ 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>

package/src/icons/IntlHkg.vue

@@ -10,41 +10,70 @@
     <path
       d="M0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12Z"
       fill="#E83426"
+      style="
+        fill: #e83426;
+        fill: color(display-p3 0.9098 0.2039 0.149);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M11.4028 12.0578C11.3881 12.0558 11.374 12.0505 11.3613 12.0423L11.3786 12.0163C9.98701 11.1515 9.12857 9.57817 9.11833 7.87362C9.10243 5.19886 11.1435 3.01691 13.6775 3.00001C13.9508 2.99954 14.2236 3.0254 14.4924 3.07727C14.297 3.11285 14.1107 3.19104 13.9455 3.30683C13.2885 3.76719 13.1095 4.70246 13.5455 5.39584L13.6041 5.48088C13.6755 5.59527 13.7364 5.71656 13.786 5.84311C14.2173 6.94365 13.7216 8.20464 12.6792 8.65981C12.4802 8.71918 12.2916 8.81199 12.1206 8.93467C11.2435 9.56423 11.0162 10.8255 11.6127 11.7512C11.6158 11.7639 11.6158 11.7772 11.6127 11.7899C11.6113 11.8244 11.5844 11.8517 11.5517 11.8517C11.5371 11.8507 11.5233 11.8443 11.5126 11.8337C10.403 10.6898 10.1792 8.89307 10.9708 7.48522L11.0441 7.3539C11.0489 7.33796 11.0489 7.32084 11.0441 7.3049C11.0252 7.28161 10.9975 7.2684 10.9685 7.26886C10.9509 7.26774 10.9342 7.27659 10.9245 7.29207L10.8733 7.37969C9.98148 8.83926 10.2221 10.7657 11.4418 11.9317C11.458 11.9456 11.4678 11.9662 11.4688 11.9882C11.4687 12.0266 11.4392 12.0577 11.4028 12.0578ZM11.3151 5.75647V6.30001L10.8783 6.60918L11.3662 6.7895L11.5029 7.30465L11.8129 6.86947L12.3278 6.89514L12.0326 6.44688L12.2154 5.9316L11.7273 6.09143L11.3151 5.75647Z"
       fill="#F2F2F2"
+      style="
+        fill: #f2f2f2;
+        fill: color(display-p3 0.949 0.949 0.949);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M14.9223 7.89121C17.283 6.96417 19.9113 8.22522 20.7925 10.7079C20.8835 10.9784 20.9529 11.2565 21 11.5391C20.8995 11.3591 20.7642 11.2033 20.6028 11.0818C19.9671 10.6036 19.0831 10.7579 18.6286 11.4264C18.6085 11.4544 18.5899 11.4836 18.5726 11.5136C18.343 11.855 18.0218 12.1168 17.65 12.2654C16.8829 12.5726 16.0154 12.3617 15.4542 11.7318C15.4102 11.6726 15.3663 11.6162 15.3177 11.5624C15.23 11.4649 15.1334 11.3766 15.0293 11.2989C14.1609 10.6534 12.9598 10.8701 12.3458 11.783C12.3385 11.7943 12.3283 11.8031 12.3165 11.8086L12.3118 11.8107C12.2822 11.8207 12.2505 11.8037 12.2408 11.7727C12.2348 11.7589 12.2348 11.7429 12.2408 11.7291C12.8462 10.2305 14.3537 9.36826 15.8787 9.64818L16.0202 9.67375C16.03 9.67633 16.0617 9.65838 16.0617 9.65838C16.0739 9.63162 16.0739 9.60044 16.0617 9.57368C16.0565 9.55585 16.0425 9.54233 16.025 9.53778L15.9299 9.51467C14.3277 9.16382 12.7202 10.0863 12.1336 11.6932C12.1285 11.7149 12.114 11.7329 12.0945 11.7419L12.0934 11.7424C12.077 11.7486 12.0589 11.7477 12.0431 11.7399C12.0273 11.7321 12.0151 11.7181 12.0092 11.7008C12.0056 11.6857 12.0056 11.6698 12.0092 11.6547C12.2608 9.93808 13.3751 8.49859 14.9223 7.89121ZM16.9056 10.7669L17.1888 10.3307L17.7179 10.3129L17.4032 9.88433L17.5594 9.37121L17.0714 9.55598L16.6545 9.24028L16.6716 9.78168L16.257 10.1024L16.7448 10.2537L16.9056 10.7669Z"
       fill="#F2F2F2"
+      style="
+        fill: #f2f2f2;
+        fill: color(display-p3 0.949 0.949 0.949);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M12.4288 11.9693C12.4415 11.9612 12.4556 11.956 12.4703 11.9539C14.0851 11.7066 15.7029 12.383 16.7142 13.7283C18.2882 15.8216 17.9602 18.857 15.9793 20.5268C15.763 20.7058 15.5319 20.8642 15.2888 21C15.4177 20.8482 15.516 20.6705 15.5777 20.4776C15.8299 19.6899 15.4267 18.8367 14.6767 18.5716L14.5811 18.5434C14.2007 18.4129 13.8658 18.1667 13.6187 17.8361C13.1059 17.1513 13.0354 16.2098 13.4401 15.4492C13.4813 15.3893 13.5189 15.3266 13.5526 15.2617C13.6071 15.1567 13.6528 15.0469 13.6891 14.9338C14.0347 13.8568 13.4834 12.6895 12.4583 12.3268C12.4456 12.3221 12.4346 12.3144 12.4265 12.3037C12.4154 12.2921 12.4092 12.2763 12.4092 12.2599C12.4092 12.2435 12.4154 12.2278 12.4265 12.2162C12.4384 12.2068 12.4531 12.2023 12.468 12.2033C14.0141 12.3722 15.2485 13.6326 15.4528 15.2512C15.4578 15.301 15.4635 15.3506 15.4701 15.4002C15.4727 15.4132 15.4995 15.439 15.4995 15.439C15.5272 15.4463 15.5565 15.4386 15.5777 15.4184C15.5917 15.4088 15.6 15.3923 15.5997 15.3747V15.2693C15.5359 14.5963 15.2905 13.9565 14.8922 13.4252C14.3054 12.6419 13.4295 12.1575 12.4827 12.0927C12.4619 12.0934 12.442 12.084 12.4288 12.0671L12.4275 12.0656C12.427 12.065 12.4264 12.0644 12.4258 12.0639C12.4142 12.0509 12.408 12.0337 12.4086 12.0159C12.4091 11.9982 12.4164 11.9814 12.4288 11.9693ZM15.3868 17.286L15.6808 16.8409H16.2119L15.901 16.4087L16.0627 15.8945L15.5731 16.0744L15.1567 15.753V16.2956L14.738 16.6146L15.2278 16.7715L15.3868 17.286Z"
       fill="#F2F2F2"
+      style="
+        fill: #f2f2f2;
+        fill: color(display-p3 0.949 0.949 0.949);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M12.2231 12.705C12.2436 12.6733 12.2846 12.665 12.3148 12.6864C12.3291 12.695 12.3422 12.7054 12.3539 12.7175C13.0635 14.2637 12.9402 16.0903 12.03 17.5153C10.6159 19.7296 7.76519 20.3171 5.66241 18.8283C5.43494 18.6643 5.22132 18.4799 5.02393 18.2772C5.2012 18.3611 5.39287 18.4059 5.58718 18.409C6.37482 18.4217 7.02255 17.7596 7.03438 16.9305V16.8223C7.03591 16.6867 7.04952 16.5516 7.07504 16.4187C7.29931 15.2564 8.37625 14.5054 9.48013 14.7417C9.54744 14.7657 9.61603 14.7855 9.68553 14.801C9.80581 14.8261 9.92805 14.8392 10.0506 14.8401C11.1217 14.8482 11.9964 13.9405 12.004 12.8128C12.0022 12.8001 12.0022 12.7871 12.004 12.7742C12.0227 12.7456 12.0594 12.7377 12.0872 12.7562C12.0987 12.7663 12.1072 12.7797 12.1117 12.7948C12.4389 14.3992 11.6728 16.0298 10.2628 16.7294L10.1331 16.794C10.1207 16.8037 10.1114 16.8171 10.1063 16.8324C10.1093 16.8631 10.1255 16.8906 10.1504 16.907C10.1649 16.9151 10.1823 16.9151 10.1968 16.907L10.2873 16.866C11.7962 16.1813 12.6144 14.4487 12.2219 12.7689C12.2133 12.7493 12.2133 12.7267 12.2219 12.7072L12.2222 12.7066L12.2231 12.705ZM9.03759 17.945L9.34095 17.507L9.86166 17.5121L9.55373 17.077L9.71988 16.5619L9.23069 16.7371L8.81742 16.4103V16.9561L8.39689 17.2703L8.88597 17.4299L9.03759 17.945Z"
       fill="#F2F2F2"
+      style="
+        fill: #f2f2f2;
+        fill: color(display-p3 0.949 0.949 0.949);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M11.649 12.7823C10.4546 13.9486 8.76023 14.3546 7.20451 13.8475C4.80343 13.043 3.46471 10.3518 4.20286 7.8139C4.2825 7.53599 4.38629 7.26641 4.51292 7.00858C4.425 7.73373 4.84424 8.42062 5.50695 8.63722C5.7714 8.7208 6.05331 8.7208 6.31776 8.63722L6.413 8.60382C6.79349 8.48154 7.19994 8.48154 7.58043 8.60382C8.37063 8.86124 8.93499 9.59603 9.00912 10.464C9.00538 10.5386 9.00538 10.6133 9.00912 10.6879C9.0208 10.8206 9.04486 10.9517 9.08096 11.0793C9.38504 12.1567 10.4604 12.7708 11.483 12.4502C11.4949 12.4466 11.5076 12.4466 11.5196 12.4502C11.5414 12.4589 11.5559 12.481 11.5559 12.5056C11.5559 12.5302 11.5414 12.5522 11.5196 12.5609C10.1637 13.3524 8.4687 13.0514 7.43383 11.8355L7.33871 11.7248C7.33145 11.7094 7.29483 11.7094 7.29483 11.7094C7.26842 11.7194 7.24839 11.7425 7.24125 11.7711C7.23189 11.7869 7.23189 11.8069 7.24125 11.8226C7.25519 11.8424 7.26719 11.8568 7.28035 11.8727C7.28785 11.8817 7.29572 11.8912 7.30454 11.9024C8.35673 13.2256 10.1666 13.5456 11.5711 12.6561C11.5898 12.6474 11.611 12.6474 11.6297 12.6561C11.6316 12.6566 11.6335 12.6574 11.6353 12.6583C11.6512 12.6642 11.6641 12.6766 11.6713 12.6926C11.6785 12.7087 11.6793 12.727 11.6736 12.7437C11.6666 12.7574 11.6583 12.7703 11.649 12.7823ZM6.38644 10.1141V10.6571L5.96395 10.9734L6.45243 11.1432L6.59634 11.6578L6.89926 11.2231L7.41464 11.2385L7.10927 10.7959L7.28267 10.2813L6.79431 10.446L6.38644 10.1141Z"
       fill="#F2F2F2"
+      style="
+        fill: #f2f2f2;
+        fill: color(display-p3 0.949 0.949 0.949);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -60,39 +89,11 @@ 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>

package/src/icons/IntlJpn.vue

@@ -12,17 +12,22 @@
       clip-rule="evenodd"
       d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
       fill="white"
+      style="fill: white; fill-opacity: 1"
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
       fill="#D11540"
+      style="
+        fill: #d11540;
+        fill: color(display-p3 0.82 0.082 0.2514);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -38,39 +43,11 @@ 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>

package/src/icons/IntlKor.vue

@@ -12,29 +12,44 @@
       clip-rule="evenodd"
       d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
       fill="white"
+      style="fill: white; fill-opacity: 1"
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 10.5709 15.2376 9.25043 14 8.5359C12.7624 7.82137 11.2376 7.82137 10 8.5359C8.7624 9.25043 8 10.5709 8 12H8Z"
       fill="#E01B41"
+      style="
+        fill: #e01b41;
+        fill: color(display-p3 0.8784 0.1059 0.2549);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M16 12.2751C15.3775 10.5459 13.1272 10.5753 11.9913 12.3642C10.8554 14.1531 9.15335 13.518 8 12.4104C8.31089 14.5023 10.0413 16.0335 12.056 15.9994C14.0707 15.9654 15.7533 14.3764 16 12.2751Z"
       fill="#0E4B9C"
+      style="
+        fill: #0e4b9c;
+        fill: color(display-p3 0.0549 0.2941 0.6118);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M5.60285 6.01083C5.52985 6.03255 5.46811 6.08537 5.4317 6.15721L4.04126 8.76461C4.00306 8.83495 3.99227 8.91886 4.01128 8.99782C4.03029 9.07679 4.07754 9.14432 4.1426 9.18553L4.62138 9.48681C4.68659 9.52842 4.7646 9.53964 4.83759 9.51792C4.91058 9.4962 4.97233 9.44339 5.00873 9.37154L6.40027 6.76256C6.43848 6.69222 6.44927 6.60831 6.43026 6.52934C6.41125 6.45038 6.364 6.38285 6.29894 6.34164L5.81906 6.04195C5.75384 6.00034 5.67584 5.98911 5.60285 6.01083ZM7.0556 6.91746C6.98261 6.93918 6.92087 6.99199 6.88446 7.06384L5.49329 9.67123C5.45508 9.74157 5.44429 9.82548 5.4633 9.90444C5.48231 9.98341 5.52956 10.0509 5.59462 10.0921L6.07414 10.3918C6.13935 10.4334 6.21736 10.4447 6.29035 10.423C6.36334 10.4012 6.42509 10.3484 6.46149 10.2766L7.85303 7.66759C7.9316 7.52144 7.88631 7.33404 7.75169 7.24826L7.27181 6.94857C7.2066 6.90696 7.12859 6.89574 7.0556 6.91746ZM18.9905 14.63C19.027 14.5583 19.0887 14.5055 19.1617 14.4838C19.2346 14.4621 19.3126 14.4733 19.3779 14.5148L19.857 14.8145C19.9221 14.8557 19.9693 14.9232 19.9883 15.0022C20.0073 15.0811 19.9965 15.165 19.9583 15.2354L18.5675 17.8428C18.5311 17.9146 18.4694 17.9674 18.3964 17.9892C18.3234 18.0109 18.2454 17.9997 18.1802 17.9581L17.7003 17.6584C17.6352 17.6172 17.588 17.5496 17.569 17.4707C17.55 17.3917 17.5608 17.3078 17.599 17.2374L18.9905 14.63ZM17.7088 13.576C17.6359 13.5977 17.5741 13.6505 17.5376 13.7222L16.1465 16.3324C16.1082 16.4027 16.0974 16.4866 16.1163 16.5655C16.1353 16.6445 16.1824 16.712 16.2474 16.7533L16.7273 17.053C16.7925 17.0946 16.8705 17.1058 16.9435 17.0841C17.0165 17.0624 17.0783 17.0096 17.1147 16.9377L18.5062 14.3288C18.5444 14.2584 18.5552 14.1745 18.5362 14.0955C18.5172 14.0166 18.4699 13.949 18.4049 13.9078L17.925 13.607C17.8597 13.5655 17.7818 13.5543 17.7088 13.576ZM5.49292 14.3272C5.4541 14.2572 5.44301 14.1733 5.46215 14.0943C5.4813 14.0154 5.52906 13.9481 5.59462 13.9079L6.0745 13.6082C6.13997 13.5678 6.2176 13.5572 6.29026 13.5788C6.36292 13.6005 6.42466 13.6525 6.46186 13.7234L7.85303 16.3324C7.89236 16.4025 7.90378 16.4868 7.88468 16.5661C7.86558 16.6454 7.8176 16.713 7.7517 16.7533L7.27182 17.053C7.20634 17.0934 7.12872 17.104 7.05606 17.0823C6.9834 17.0607 6.92166 17.0087 6.88446 16.9378L5.49292 14.3272ZM4.00917 15.0015C3.98993 15.0809 4.00124 15.1652 4.04051 15.2354L5.43021 17.8444C5.46741 17.9153 5.52914 17.9673 5.60181 17.989C5.67447 18.0106 5.75209 18 5.81756 17.9596L6.29744 17.6599C6.36335 17.6196 6.41133 17.552 6.43043 17.4727C6.44952 17.3934 6.43811 17.3091 6.39878 17.239L5.00724 14.63C4.97004 14.5591 4.9083 14.5071 4.83564 14.4855C4.76298 14.4638 4.68536 14.4744 4.61989 14.5148L4.14258 14.8145C4.07655 14.8547 4.02841 14.9222 4.00917 15.0015ZM17.5995 6.76096C17.5601 6.69091 17.5487 6.6066 17.5678 6.52728C17.5869 6.44796 17.6349 6.3804 17.7008 6.34004L18.1807 6.04035C18.2462 5.99996 18.3238 5.98941 18.3964 6.01103C18.4691 6.03266 18.5308 6.08467 18.568 6.15562L19.9596 8.7646C19.9988 8.83479 20.0101 8.91922 19.9908 8.99856C19.9715 9.0779 19.9232 9.14536 19.8571 9.18552L19.3798 9.48521C19.3144 9.5256 19.2367 9.53615 19.1641 9.51453C19.0914 9.4929 19.0297 9.44089 18.9925 9.36994L17.5995 6.76096ZM16.1149 7.43391C16.0958 7.51323 16.1072 7.59754 16.1466 7.66759L17.5377 10.2766C17.5749 10.3475 17.6367 10.3995 17.7093 10.4212C17.782 10.4428 17.8596 10.4322 17.9251 10.3918L18.405 10.0921C18.4709 10.0519 18.519 9.98433 18.5382 9.905C18.5573 9.82567 18.546 9.74132 18.5067 9.67123L17.1151 7.06225C17.0779 6.9913 17.0162 6.93929 16.9435 6.91766C16.8709 6.89604 16.7932 6.90659 16.7278 6.94698L16.2479 7.24667C16.182 7.28703 16.134 7.35459 16.1149 7.43391Z"
       fill="#262626"
+      style="
+        fill: #262626;
+        fill: color(display-p3 0.149 0.149 0.149);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -50,39 +65,11 @@ 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>

package/src/icons/IntlUsa.vue

@@ -7,29 +7,46 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <circle cx="12" cy="12" r="12" fill="white" fill-opacity="0.95" />
+    <circle
+      cx="12"
+      cy="12"
+      r="12"
+      fill="white"
+      fill-opacity="0.95"
+      style="fill: white; fill-opacity: 0.95"
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M5.99746 22.4007H18.0026C16.2361 23.418 14.1862 24 12 24C9.81388 24 7.76397 23.418 5.99746 22.4007ZM3.82345 20.7999C3.29557 20.3113 2.81172 19.776 2.3785 19.2006H21.6215C21.1882 19.776 20.7044 20.3113 20.1765 20.7999H3.82345ZM1.3606 17.5998C1.08924 17.0875 0.853953 16.5533 0.658106 16.0005H23.3418C23.1459 16.5533 22.9106 17.0875 22.6393 17.5998H1.3606ZM0.214178 14.3997C0.108081 13.8781 0.0358893 13.3442 0 12.8004H24C23.9641 13.3442 23.8919 13.8781 23.7858 14.3997H0.214178ZM0 11.1996C0.0358893 10.6558 0.108081 10.1219 0.214178 9.60032H23.7858C23.8919 10.1219 23.9641 10.6558 24 11.1996H0ZM0.658247 7.99951C0.854093 7.4467 1.08938 6.91248 1.36074 6.40022L22.6394 6.40023C22.9108 6.91248 23.146 7.4467 23.3419 7.99951H0.658247ZM2.3785 4.79939C2.81172 4.22398 3.29557 3.6887 3.82345 3.20012H20.1765C20.7044 3.6887 21.1882 4.22398 21.6215 4.79939H2.3785ZM5.99746 1.59927C7.76397 0.582033 9.81388 0 12 0C14.1862 0 16.2361 0.582033 18.0026 1.59927H5.99746Z"
       fill="#D02F44"
+      style="
+        fill: #d02f44;
+        fill: color(display-p3 0.8157 0.1843 0.2667);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M0 11C0.41001 4.8572 5.58792 0 11.9152 0C11.9435 0 11.9718 9.71228e-05 12 0.000291049V11H0Z"
       fill="#46467F"
+      style="
+        fill: #46467f;
+        fill: color(display-p3 0.2745 0.2745 0.498);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M1 7.9145C1.04223 7.79705 1.08638 7.68046 1.13243 7.56476L1.30554 8.13136L1 7.9145ZM1.1936 7.41442C1.24208 7.29757 1.2925 7.18166 1.34481 7.06673L1.64704 7.07136L1.1936 7.41442ZM2.26322 5.42653C2.30063 5.37104 2.33851 5.31588 2.37688 5.26105L2.72651 5.25569L2.94499 4.61091L3.16346 5.25569L3.83888 5.26604L3.29848 5.67489L3.49744 6.32607L2.94499 5.93396L2.39253 6.32607L2.59149 5.67489L2.26322 5.42653ZM3.91334 3.48009C3.92052 3.47328 3.92771 3.46648 3.93492 3.45969L4.56276 3.45007L4.78124 2.80529L4.99971 3.45007L5.67513 3.46042L5.13473 3.86926L5.33369 4.52044L4.78124 4.12834L4.22878 4.52044L4.42774 3.86926L3.91334 3.48009ZM5.9737 1.91396C6.2099 1.77173 6.45164 1.63719 6.69853 1.5107L6.74396 1.64479L7.41938 1.65513L6.87898 2.06398L7.07794 2.71516L6.52549 2.32306L5.97303 2.71516L6.17199 2.06398L5.9737 1.91396ZM10.1061 2.37167L9.55365 2.77818L9.75261 2.10307L9.21221 1.67921L9.88763 1.66848L10.1061 1L10.3246 1.66848L11 1.67921L10.4596 2.10307L10.6586 2.77818L10.1061 2.37167ZM8.80936 4.12834L8.2569 4.52044L8.45586 3.86926L7.91546 3.46042L8.59088 3.45007L8.80936 2.80529L9.02783 3.45007L9.70325 3.46042L9.16285 3.86926L9.36181 4.52044L8.80936 4.12834ZM6.52546 5.93396L5.973 6.32607L6.17196 5.67489L5.63156 5.26604L6.30698 5.25569L6.52546 4.61091L6.74393 5.25569L7.41935 5.26604L6.87895 5.67489L7.07791 6.32607L6.52546 5.93396ZM10.1061 5.98258L9.55365 6.38909L9.75261 5.71398L9.21221 5.29011L9.88763 5.27939L10.1061 4.61091L10.3246 5.27939L11 5.29011L10.4596 5.71398L10.6586 6.38909L10.1061 5.98258ZM2.94495 9.54487L2.39249 9.93697L2.59145 9.2858L2.05105 8.87695L2.72648 8.8666L2.94495 8.22182L3.16342 8.8666L3.83885 8.87695L3.29845 9.2858L3.49741 9.93697L2.94495 9.54487ZM6.52546 9.54487L5.973 9.93697L6.17196 9.2858L5.63156 8.87695L6.30698 8.8666L6.52546 8.22182L6.74393 8.8666L7.41935 8.87695L6.87895 9.2858L7.07791 9.93697L6.52546 9.54487ZM10.1061 9.59349L9.55365 10L9.75261 9.32489L9.21221 8.90102L9.88763 8.8903L10.1061 8.22182L10.3246 8.8903L11 8.90102L10.4596 9.32489L10.6586 10L10.1061 9.59349ZM4.78129 7.73928L4.22883 8.13138L4.42779 7.4802L3.88739 7.07136L4.56281 7.06101L4.78129 6.41623L4.99976 7.06101L5.67518 7.07136L5.13479 7.4802L5.33375 8.13138L4.78129 7.73928ZM8.80936 7.73928L8.2569 8.13138L8.45586 7.4802L7.91546 7.07136L8.59088 7.06101L8.80936 6.41623L9.02783 7.06101L9.70325 7.07136L9.16285 7.4802L9.36181 8.13138L8.80936 7.73928Z"
       fill="white"
+      style="fill: white; fill-opacity: 1"
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -45,39 +62,11 @@ 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>

package/src/icons/IntlVnm.vue

@@ -12,17 +12,26 @@
       clip-rule="evenodd"
       d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z"
       fill="#EB1730"
+      style="
+        fill: #eb1730;
+        fill: color(display-p3 0.92 0.092 0.1886);
+        fill-opacity: 1;
+      "
     />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
       d="M12 14.425L7.29772 17.5676L9.0327 12.4039L4.39155 9.18237L10.1661 9.13363L12 4L13.8339 9.13363L19.6085 9.18237L14.9673 12.4039L16.7023 17.5676L12 14.425Z"
       fill="#FFDC42"
+      style="
+        fill: #ffdc42;
+        fill: color(display-p3 1 0.8627 0.2588);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -38,39 +47,11 @@ 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>

package/src/icons/K001.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'K001',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/K002.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    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="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'K002',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>