bge-ui 1.0.21 → 1.0.23

package/src/icons/ColorC3NotPassed.vue

@@ -1,76 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2.5 3.5L24 3.5V24L24 28.5H21H2.5L2.5 3.5Z"
-      class="bge-fill-icon-gray"
-    />
-    <path d="M7 16H15L13 19H7V16Z" class="bge-fill-gay-dark" />
-    <path d="M7 10H18.5L16.5 13H7V10Z" class="bge-fill-gay-dark" />
-    <circle cx="24" cy="21.5" r="7" class="bge-fill-icon-theme" />
-    <path
-      d="M25.4141 21.4997L27.5352 19.3786L26.121 17.9644L23.9999 20.0855L21.879 17.9645L20.4648 19.3788L22.5857 21.4997L20.4642 23.6212L21.8784 25.0355L23.9999 22.9139L26.1216 25.0356L27.5358 23.6214L25.4141 21.4997Z"
-      class="bge-fill-gay-dark"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3NotPassed',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3Pass.vue

@@ -1,78 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M2.5 3.5L24 3.5V24L24 28.5H21H2.5L2.5 3.5Z"
-      class="bge-fill-icon-gray"
-    />
-    <path d="M7 16H15L13 19H7V16Z" class="bge-fill-gay-dark" />
-    <path d="M7 10H18.5L16.5 13H7V10Z" class="bge-fill-gay-dark" />
-    <circle cx="24" cy="21.5" r="7" class="bge-fill-icon-theme" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M28.7332 19.7513L23.1466 25.0204L19.5053 21.5174L20.8919 20.0761L23.1603 22.2583L27.3609 18.2963L28.7332 19.7513Z"
-      class="bge-fill-gay-dark"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3Pass',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3Safes.vue

@@ -1,83 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="4" y="4" width="24" height="24" class="bge-fill-icon-gray" />
-    <circle cx="16" cy="16" r="6" class="bge-fill-gay-dark" />
-    <path
-      d="M8.5 10C9.32843 10 10 9.32843 10 8.5C10 7.67157 9.32843 7 8.5 7C7.67157 7 7 7.67157 7 8.5C7 9.32843 7.67157 10 8.5 10Z"
-      class="bge-fill-icon-theme"
-    />
-    <path
-      d="M23.5 10C24.3284 10 25 9.32843 25 8.5C25 7.67157 24.3284 7 23.5 7C22.6716 7 22 7.67157 22 8.5C22 9.32843 22.6716 10 23.5 10Z"
-      class="bge-fill-icon-theme"
-    />
-    <path
-      d="M10 23.5C10 24.3284 9.32843 25 8.5 25C7.67157 25 7 24.3284 7 23.5C7 22.6716 7.67157 22 8.5 22C9.32843 22 10 22.6716 10 23.5Z"
-      class="bge-fill-icon-theme"
-    />
-    <path
-      d="M23.5 25C24.3284 25 25 24.3284 25 23.5C25 22.6716 24.3284 22 23.5 22C22.6716 22 22 22.6716 22 23.5C22 24.3284 22.6716 25 23.5 25Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3Safes',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3Trading.vue

@@ -1,78 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <rect x="4" y="4" width="24" height="24" class="bge-fill-icon-gray" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M11.643 16L7.48816 11.8452L9.84518 9.48816L16.357 16L9.84518 22.5118L7.48816 20.1548L11.643 16Z"
-      class="bge-fill-gay-dark"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M20.357 16L24.5118 11.8452L22.1548 9.48816L15.643 16L22.1548 22.5118L24.5118 20.1548L20.357 16Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3Trading',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3User.vue

@@ -1,78 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M14 2.5C11.7909 2.5 10 4.29086 10 6.5V11C10 13.2091 11.7909 15 14 15H18C20.2091 15 22 13.2091 22 11V2.5H14Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M9.5 17C6.18629 17 3.5 19.6863 3.5 23V29.5H28.5V23C28.5 19.6863 25.8137 17 22.5 17H9.5Z"
-      class="bge-fill-icon-gray"
-    />
-    <path d="M20.5 17H11.5L16 27.5L20.5 17Z" class="bge-fill-icon-theme" />
-    <path
-      d="M10 6H18V15H14C11.7909 15 10 13.2091 10 11V6Z"
-      class="bge-fill-gay-dark"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3User',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3UserEvery.vue

@@ -1,98 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M15.1 4C13.1118 4 11.5 5.62806 11.5 7.63636V10.3636C11.5 12.3719 13.1118 14 15.1 14H16.9C18.8882 14 20.5 12.3719 20.5 10.3636V4H15.1Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M24.4 10C23.0745 10 22 11.1396 22 12.5455V14.4545C22 15.8604 23.0745 17 24.4 17H25.6C26.9255 17 28 15.8604 28 14.4545V10H24.4Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M6.4 10C5.07452 10 4 11.1396 4 12.5455V14.4545C4 15.8604 5.07452 17 6.4 17H7.6C8.92548 17 10 15.8604 10 14.4545V10H6.4Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M22.6056 18.2658C22.8583 18.7904 23 19.3787 23 20V28H9V20C9 19.3787 9.14166 18.7904 9.39444 18.2658L9.40103 18.2522C9.44158 18.1689 9.48493 18.0872 9.53097 18.0072C9.53235 18.0048 9.53374 18.0024 9.53513 18C10.2267 16.8044 11.5194 16 13 16H19C20.4806 16 21.7733 16.8044 22.4649 18C22.5125 18.0823 22.5572 18.1664 22.599 18.2522L22.6056 18.2658Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M24.658 18C24.8797 18.6273 25 19.3012 25 20V28H30V22C30 19.7909 28.2091 18 26 18H24.658Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M7.342 18C7.12026 18.6273 7 19.3012 7 20V28H2V22C2 19.7909 3.79086 18 6 18H7.342Z"
-      class="bge-fill-icon-gray"
-    />
-    <path d="M19 16H13L16 27L19 16Z" class="bge-fill-icon-theme" />
-    <path
-      d="M9 20C9 19.3787 9.14166 18.7904 9.39444 18.2658L9.40103 18.2522C9.4428 18.1664 9.48754 18.0823 9.53513 18H7.342C7.12026 18.6273 7 19.3012 7 20V28H9V20Z"
-      class="bge-fill-gay-dark"
-    />
-    <path
-      d="M22.6055 18.2658C22.8583 18.7904 23 19.3787 23 20V28H25V20C25 19.3012 24.8797 18.6273 24.658 18H22.4648C22.5124 18.0823 22.5572 18.1664 22.5989 18.2522L22.6055 18.2658Z"
-      class="bge-fill-gay-dark"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3UserEvery',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorC3UserFollow.vue

@@ -1,83 +0,0 @@
-<template>
-  <svg
-    class="bge-color-svg"
-    :style="`width: 1em; height: 1em;font-size: ${size}px;`"
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M13.3333 3.33333C11.1242 3.33333 9.33333 5.12419 9.33333 7.33333V12C9.33333 14.2091 11.1242 16 13.3333 16H17.3333C19.5425 16 21.3333 14.2091 21.3333 12V3.33333H13.3333Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M12 18.6667C7.58172 18.6667 4 22.2484 4 26.6667V29.3333H26.6667V26.6667C26.6667 22.2484 23.0849 18.6667 18.6667 18.6667H12Z"
-      class="bge-fill-icon-gray"
-    />
-    <path
-      d="M9.33334 6.66667H18V16H13.3333C11.1242 16 9.33334 14.2091 9.33334 12V6.66667Z"
-      class="bge-fill-gay-dark"
-    />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M29.2005 16.8227L19.3558 27.0461L12.8215 20.5118L15.1785 18.1548L19.3109 22.2872L26.7995 14.5106L29.2005 16.8227Z"
-      class="bge-fill-icon-theme"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorC3UserFollow',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>

package/src/icons/ColorCloseFill.vue

@@ -1,74 +0,0 @@
-<template>
-  <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 12Z"
-      fill="#FF4784"
-    />
-    <path
-      d="M12 10.5858L9.17157 7.75735L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75735L12 10.5858Z"
-      fill="white"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorCloseFill',
-})
-</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-stroke-gay-dark {
-  stroke: var(--icon-gay-dark);
-}
-</style>