bge-ui 1.0.21 → 1.0.23

package/src/icons/MonoTransfer15.vue

@@ -0,0 +1,55 @@
+<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
+      d="M17.0303 3.96967C16.7374 3.67678 16.2626 3.67678 15.9697 3.96967C15.6768 4.26256 15.6768 4.73744 15.9697 5.03033L18.1893 7.25H8C7.58579 7.25 7.25 7.58579 7.25 8C7.25 8.41421 7.58579 8.75 8 8.75H18.1893L15.9697 10.9697C15.6768 11.2626 15.6768 11.7374 15.9697 12.0303C16.2626 12.3232 16.7374 12.3232 17.0303 12.0303L20.5303 8.53033C20.8232 8.23744 20.8232 7.76256 20.5303 7.46967L17.0303 3.96967Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M6.96967 11.9697C7.26256 11.6768 7.73744 11.6768 8.03033 11.9697C8.32322 12.2626 8.32322 12.7374 8.03033 13.0303L5.81066 15.25H16C16.4142 15.25 16.75 15.5858 16.75 16C16.75 16.4142 16.4142 16.75 16 16.75H5.81066L8.03033 18.9697C8.32322 19.2626 8.32322 19.7374 8.03033 20.0303C7.73744 20.3232 7.26256 20.3232 6.96967 20.0303L3.46967 16.5303C3.32902 16.3897 3.25 16.1989 3.25 16C3.25 15.8011 3.32902 15.6103 3.46967 15.4697L6.96967 11.9697Z"
+      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: 'MonoTransfer15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoTrash.vue

@@ -9,19 +9,47 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path d="M18 2.25V4.25H6V2.25H18Z" fill="currentColor" />
-    <path d="M13 16.75H15V11.25H13V16.75Z" fill="currentColor" />
-    <path d="M9 16.75V11.25H11V16.75H9Z" fill="currentColor" />
+    <path
+      d="M17 2.25C17.5523 2.25 18 2.69772 18 3.25C18 3.80228 17.5523 4.25 17 4.25H7C6.44772 4.25 6 3.80228 6 3.25C6 2.69772 6.44772 2.25 7 2.25H17Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M13 15.75C13 16.3023 13.4477 16.75 14 16.75C14.5523 16.75 15 16.3023 15 15.75V12.25C15 11.6977 14.5523 11.25 14 11.25C13.4477 11.25 13 11.6977 13 12.25V15.75Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M10 16.75C9.44772 16.75 9 16.3023 9 15.75V12.25C9 11.6977 9.44772 11.25 10 11.25C10.5523 11.25 11 11.6977 11 12.25V15.75C11 16.3023 10.5523 16.75 10 16.75Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M21.5 6.25V8.25H19L19 21.75H5V8.25H2.5V6.25H21.5ZM7 19.75H17V8.25H7V19.75Z"
+      d="M20.5 6.25C21.0523 6.25 21.5 6.69772 21.5 7.25C21.5 7.80228 21.0523 8.25 20.5 8.25H19L19 19.75C19 20.8546 18.1046 21.75 17 21.75H7C5.89543 21.75 5 20.8546 5 19.75V8.25H3.5C2.94772 8.25 2.5 7.80228 2.5 7.25C2.5 6.69772 2.94771 6.25 3.5 6.25H20.5ZM7 19.75H17V8.25H7V19.75Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -37,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/MonoVolume.vue

@@ -0,0 +1,46 @@
+<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
+      d="M13.26 3.30001C13.4165 3.18805 13.5997 3.11911 13.7911 3.10007C13.9826 3.08102 14.1758 3.11255 14.3512 3.19149C14.5267 3.27043 14.6785 3.39403 14.7912 3.54994C14.904 3.70585 14.9739 3.88863 14.994 4.08001L15 4.19401V19.806C15.0001 19.9984 14.9496 20.1875 14.8538 20.3544C14.7579 20.5212 14.6199 20.66 14.4536 20.7569C14.2874 20.8537 14.0986 20.9053 13.9061 20.9064C13.7137 20.9074 13.5244 20.858 13.357 20.763L13.261 20.701L6.68 16H4C3.49542 16.0002 3.00943 15.8096 2.63945 15.4665C2.26947 15.1234 2.04284 14.6532 2.005 14.15L2 14V10C1.99984 9.49543 2.19041 9.00944 2.5335 8.63946C2.87659 8.26948 3.34684 8.04285 3.85 8.00501L4 8.00001H6.68L13.26 3.30001ZM19.667 6.78301C20.4017 7.43896 20.9894 8.24288 21.3915 9.142C21.7935 10.0411 22.0009 11.0151 22 12C22.0009 12.9849 21.7935 13.9589 21.3915 14.858C20.9894 15.7571 20.4017 16.5611 19.667 17.217C19.5694 17.306 19.4551 17.3748 19.3308 17.4195C19.2064 17.4641 19.0745 17.4836 18.9426 17.4769C18.8106 17.4702 18.6813 17.4375 18.5621 17.3806C18.4429 17.3236 18.3362 17.2436 18.2481 17.1452C18.1599 17.0468 18.0922 16.9319 18.0487 16.8071C18.0053 16.6824 17.987 16.5503 17.9949 16.4184C18.0028 16.2865 18.0367 16.1575 18.0948 16.0389C18.1528 15.9202 18.2338 15.8142 18.333 15.727C18.8582 15.2586 19.2782 14.6844 19.5656 14.042C19.8529 13.3996 20.0009 12.7037 20 12C20 10.52 19.358 9.19001 18.333 8.27301C18.2338 8.18581 18.1528 8.07981 18.0948 7.96114C18.0367 7.84247 18.0028 7.71348 17.9949 7.58161C17.987 7.44974 18.0053 7.31762 18.0487 7.19287C18.0922 7.06812 18.1599 6.95322 18.2481 6.85479C18.3362 6.75637 18.4429 6.67639 18.5621 6.61946C18.6813 6.56252 18.8106 6.52978 18.9426 6.5231C19.0745 6.51643 19.2064 6.53596 19.3308 6.58057C19.4551 6.62518 19.5694 6.69398 19.667 6.78301ZM17.667 9.01901C18.0866 9.39375 18.4223 9.85296 18.652 10.3665C18.8818 10.8801 19.0003 11.4364 19 11.999C19 13.185 18.484 14.25 17.667 14.981C17.4774 15.1494 17.2308 15.2395 16.9773 15.233C16.7237 15.2265 16.4821 15.1239 16.3014 14.9459C16.1206 14.768 16.0143 14.528 16.0038 14.2746C15.9933 14.0212 16.0796 13.7733 16.245 13.581L16.333 13.491C16.743 13.123 17 12.592 17 12C17.0012 11.4879 16.8049 10.9951 16.452 10.624L16.333 10.509C16.2338 10.4218 16.1528 10.3158 16.0948 10.1971C16.0367 10.0785 16.0028 9.94948 15.9949 9.81761C15.987 9.68574 16.0053 9.55362 16.0487 9.42887C16.0922 9.30412 16.1599 9.18922 16.2481 9.0908C16.3362 8.99237 16.4429 8.91239 16.5621 8.85546C16.6813 8.79852 16.8106 8.76578 16.9426 8.7591C17.0745 8.75243 17.2064 8.77196 17.3308 8.81657C17.4551 8.86118 17.5694 8.92998 17.667 9.01901Z"
+      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: 'MonoVolume',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoWallet.vue

@@ -9,17 +9,29 @@
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
+    <path
+      d="M16.5607 12.4393C16.2794 12.158 15.8978 12 15.5 12C15.1022 12 14.7206 12.158 14.4393 12.4393C14.158 12.7206 14 13.1022 14 13.5C14 13.8978 14.158 14.2794 14.4393 14.5607C14.7206 14.842 15.1022 15 15.5 15C15.8978 15 16.2794 14.842 16.5607 14.5607C16.842 14.2794 17 13.8978 17 13.5C17 13.1022 16.842 12.7206 16.5607 12.4393Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
     <path
       fill-rule="evenodd"
       clip-rule="evenodd"
-      d="M17 7V2.09563L2 7.28793V20.5H22V7H17ZM15 4.90437V7H8.94596L15 4.90437ZM20 9H4V18.5H20V9Z"
+      d="M5 4C3.89543 4 3 4.89543 3 6V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V9C21 7.89543 20.1046 7 19 7H5.5C5.22386 7 5 6.77614 5 6.5C5 6.22386 5.22386 6 5.5 6H16C16.5523 6 17 5.55228 17 5C17 4.44772 16.5523 4 16 4H5ZM5 18V9H19V18H5Z"
       fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
     />
-    <path d="M15 12.4959H17.5V14.9959H15V12.4959Z" fill="currentColor" />
   </svg>
 </template>
 <script lang="ts" setup>
-import { defineProps } from 'vue'
 defineProps({
   size: {
     default: 24,
@@ -35,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/MonoWifi15.vue

@@ -0,0 +1,73 @@
+<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
+      d="M3.58833 10.5294C5.65014 8.20969 8.65412 6.75 12 6.75C15.3444 6.75 18.3473 8.20845 20.409 10.5265C20.6843 10.836 21.1584 10.8637 21.4679 10.5884C21.7774 10.3132 21.8051 9.83909 21.5298 9.52959C19.1955 6.90509 15.7906 5.25 12 5.25C8.20781 5.25 4.80157 6.9065 2.46717 9.53294C2.19199 9.84254 2.2199 10.3166 2.5295 10.5918C2.8391 10.8669 3.31315 10.839 3.58833 10.5294Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M12 10.75C9.76378 10.75 7.76452 11.7615 6.43342 13.3547C6.16784 13.6726 5.69487 13.715 5.377 13.4494C5.05913 13.1838 5.01674 12.7108 5.28231 12.393C6.88621 10.4733 9.30059 9.25 12 9.25C14.6949 9.25 17.1058 10.4693 18.7097 12.3835C18.9758 12.701 18.934 13.1741 18.6165 13.4401C18.299 13.7061 17.826 13.6644 17.56 13.3469C16.2289 11.7582 14.2325 10.75 12 10.75Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M9.32892 16.1479C9.91715 15.3015 10.8942 14.75 12 14.75C13.1024 14.75 14.0769 15.2982 14.6657 16.1402C14.9031 16.4797 15.3707 16.5624 15.7101 16.325C16.0496 16.0877 16.1323 15.6201 15.895 15.2806C15.0375 14.0545 13.6128 13.25 12 13.25C10.3823 13.25 8.95375 14.0594 8.09718 15.2919C7.86079 15.632 7.94489 16.0994 8.28503 16.3358C8.62516 16.5722 9.09253 16.4881 9.32892 16.1479Z"
+      fill="currentColor"
+      style="
+        fill: currentColor;
+        fill: color(display-p3 0.5 0.5 0.5);
+        fill-opacity: 1;
+      "
+    />
+    <path
+      d="M12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19Z"
+      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: 'MonoWifi15',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>