bge-ui 1.0.21 → 1.0.23

package/src/icons/ColorCompletedFill.vue

@@ -1,71 +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"
-  >
-    <circle cx="12" cy="12" r="10" fill="#00A389" />
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M17.5435 9.71726L11.2812 16.3536L6.78937 12.0078L8.18003 10.5704L11.2165 13.5081L16.0889 8.34464L17.5435 9.71726Z"
-      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: 'ColorCompletedFill',
-})
-</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/ColorCookie.vue

@@ -1,99 +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"
-  >
-    <g clip-path="url(#clip0_12648_7376)">
-      <path
-        d="M23.5211 11.0268C22.1289 10.5346 21.1868 9.21274 21.1868 7.73617C21.215 7.49706 21.1024 7.30023 20.9196 7.13148C20.7649 7.00487 20.5259 6.94867 20.329 6.97675C19.1477 7.1455 18.0228 6.808 17.165 6.11893C16.3071 5.42987 15.7024 4.38929 15.604 3.17991C15.59 2.96893 15.4634 2.77205 15.2805 2.64554C15.0977 2.53299 14.8728 2.50486 14.6618 2.58924C12.7493 3.2783 10.9493 2.06893 10.2321 0.423656C10.0915 0.114234 9.76803 -0.0545164 9.43057 0.01589C6.73052 0.620579 4.30239 2.31558 2.64306 4.45313C-1.19596 9.38908 -0.802261 16.1813 3.50087 20.4985C8.18374 25.1672 15.7353 25.1672 20.4041 20.4985C22.5697 18.3328 23.9994 15.2456 23.9994 11.955C23.9711 11.4909 23.9571 11.1815 23.5211 11.0268Z"
-        fill="#FFFF38"
-      />
-      <path
-        d="M7.03047 8.53127C7.03047 9.30649 7.6615 9.93752 8.43672 9.93752C9.21195 9.93752 9.84298 9.30649 9.84298 8.53127C9.84298 7.75605 9.21195 7.12502 8.43672 7.12502C7.6615 7.12502 7.03047 7.75605 7.03047 8.53127Z"
-        fill="black"
-      />
-      <path
-        d="M14.7649 14.1563C13.6017 14.1563 12.6555 13.2101 12.6555 12.0469C12.6555 10.8837 13.6017 9.93752 14.7649 9.93752C15.928 9.93752 16.8742 10.8837 16.8742 12.0469C16.8742 13.2101 15.9281 14.1563 14.7649 14.1563Z"
-        fill="black"
-      />
-      <path
-        d="M14.0617 19.7813C13.2865 19.7813 12.6555 19.1503 12.6555 18.375C12.6555 17.5998 13.2865 16.9688 14.0617 16.9688C14.8369 16.9688 15.468 17.5998 15.468 18.375C15.468 19.1503 14.8369 19.7813 14.0617 19.7813Z"
-        fill="black"
-      />
-      <path
-        d="M9.06959 14.6484C8.71802 14.3391 8.23985 14.1563 7.73365 14.1563C6.56641 14.1563 5.62427 15.0984 5.62427 16.2657C5.62427 16.8141 5.83525 17.3063 6.17271 17.6719C6.55235 18.1079 7.11485 18.375 7.73365 18.375C8.90088 18.375 9.84303 17.4328 9.84303 16.2657C9.84298 15.6047 9.54767 15.0282 9.06959 14.6484Z"
-        fill="black"
-      />
-      <path
-        d="M18.2456 14.9124C18.2456 15.0047 18.2638 15.0961 18.2991 15.1814C18.3344 15.2668 18.3862 15.3443 18.4515 15.4096C18.5168 15.4748 18.5943 15.5266 18.6796 15.562C18.7649 15.5973 18.8564 15.6155 18.9487 15.6155C19.041 15.6155 19.1325 15.5973 19.2178 15.562C19.3031 15.5266 19.3806 15.4748 19.4459 15.4096C19.5112 15.3443 19.563 15.2668 19.5983 15.1814C19.6336 15.0961 19.6518 15.0047 19.6518 14.9124C19.6518 14.82 19.6336 14.7286 19.5983 14.6433C19.563 14.558 19.5112 14.4805 19.4459 14.4152C19.3806 14.3499 19.3031 14.2981 19.2178 14.2628C19.1325 14.2274 19.041 14.2092 18.9487 14.2092C18.8564 14.2092 18.7649 14.2274 18.6796 14.2628C18.5943 14.2981 18.5168 14.3499 18.4515 14.4152C18.3862 14.4805 18.3344 14.558 18.2991 14.6433C18.2638 14.7286 18.2456 14.82 18.2456 14.9124Z"
-        fill="black"
-      />
-      <path
-        d="M4.23606 12.369C4.20073 12.2837 4.18255 12.1922 4.18257 12.0999C4.18255 12.0075 4.20073 11.9161 4.23606 11.8307C4.27138 11.7454 4.32317 11.6679 4.38847 11.6026C4.45376 11.5373 4.53128 11.4855 4.61659 11.4501C4.70191 11.4148 4.79335 11.3966 4.8857 11.3966C4.97804 11.3966 5.06949 11.4148 5.1548 11.4501C5.24012 11.4855 5.31764 11.5373 5.38293 11.6026C5.44822 11.6679 5.50001 11.7454 5.53534 11.8307C5.57067 11.9161 5.58884 12.0075 5.58882 12.0999C5.58884 12.1922 5.57067 12.2837 5.53534 12.369C5.50001 12.4543 5.44822 12.5318 5.38293 12.5971C5.31764 12.6624 5.24012 12.7142 5.1548 12.7496C5.06949 12.7849 4.97804 12.8031 4.8857 12.8031C4.79335 12.8031 4.70191 12.7849 4.61659 12.7496C4.53128 12.7142 4.45376 12.6624 4.38847 12.5971C4.32317 12.5318 4.27138 12.4543 4.23606 12.369Z"
-        fill="black"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_12648_7376">
-        <rect width="24" height="24" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorCookie',
-})
-</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/ColorStar.vue

@@ -1,72 +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
-      d="M12 1.33514e-05L14.6942 8.29181H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.29181H9.30583L12 1.33514e-05Z"
-      fill="#2DE37C"
-    />
-    <path
-      d="M19.0534 21.7082L16.3593 13.4164L12 16.5836L19.0534 21.7082Z"
-      fill="#279E5B"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorStar',
-})
-</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/ColorSuccessFill.vue

@@ -1,78 +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"
-  >
-    <g clip-path="url(#clip0_12563_8607)">
-      <rect width="24" height="24" fill="#798DA3" />
-      <path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
-        d="M18.5288 8.91107L11.1746 17.047L10.4319 16.3569C9.07309 15.0944 6.32315 12.5574 5.86764 12.1954L7.11187 10.6295C7.5597 10.9854 9.62171 12.8806 11.0499 14.2024L17.0451 7.56993L18.5288 8.91107Z"
-        fill="#191F24"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_12563_8607">
-        <rect width="24" height="24" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorSuccessFill',
-})
-</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/ColorTimeFill.vue

@@ -1,66 +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"
-  >
-    <circle cx="12" cy="12" r="10" fill="#798DA3" />
-    <path d="M12 7H10V14.5H16.5V12.5H12V7Z" fill="#191F24" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorTimeFill',
-})
-</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/ColorTowardFill.vue

@@ -1,68 +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"
-  >
-    <circle cx="12" cy="12" r="10" fill="#798DA3" />
-    <path d="M6.5 10.75H9V13.25H6.5V10.75Z" fill="#191F24" />
-    <path d="M10.75 10.75H13.25V13.25H10.75V10.75Z" fill="#191F24" />
-    <path d="M17.5 10.75H15V13.25H17.5V10.75Z" fill="#191F24" />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'ColorTowardFill',
-})
-</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/MediaFacebook.vue

@@ -1,72 +0,0 @@
-<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="M9.525 23.625V13.0234H5.9625V8.8875H9.525V5.83988C9.525 4.10687 10.0094 2.76275 10.9781 1.8075C11.9469 0.85225 13.2375 0.37475 14.85 0.375C16.2197 0.375 17.2822 0.430875 18.0375 0.542625V4.23225H15.8434C15.0434 4.23225 14.503 4.4 14.2222 4.7355C13.9415 5.071 13.8017 5.57413 13.803 6.24487V8.8875H17.898L17.3527 13.0238H13.8034V23.625H9.525Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'MediaFacebook',
-})
-</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/MediaInstagram.vue

@@ -1,72 +0,0 @@
-<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="M16.8085 0.75H7.19153C3.63393 0.75 0.75 3.63395 0.75 7.19153V16.8085C0.75 20.3661 3.63395 23.25 7.19153 23.25H16.8085C20.3661 23.25 23.25 20.3661 23.25 16.8085V7.19156C23.25 3.63395 20.3661 0.75 16.8085 0.75ZM12.0356 17.762C8.82335 17.762 6.21925 15.1579 6.21925 11.9458C6.21925 8.73348 8.82333 6.12941 12.0356 6.12941C15.2478 6.12941 17.8519 8.73346 17.8519 11.9458C17.8519 15.158 15.2478 17.762 12.0356 17.762ZM18.0031 7.29731C17.2516 7.29731 16.6424 6.68808 16.6424 5.93658C16.6424 5.18507 17.2517 4.57585 18.0031 4.57585C18.7546 4.57585 19.3639 5.18507 19.3639 5.93658C19.3639 6.68808 18.7546 7.29731 18.0031 7.29731ZM12.0356 8.21618C9.97587 8.21618 8.3061 9.88592 8.3061 11.9457C8.3061 14.0054 9.97584 15.6751 12.0356 15.6751C14.0953 15.6751 15.7651 14.0054 15.7651 11.9457C15.7651 9.88595 14.0954 8.21618 12.0356 8.21618Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'MediaInstagram',
-})
-</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/MediaLinked.vue

@@ -1,72 +0,0 @@
-<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="M5.64752 23.2165H0.821027V7.17547H5.64752V23.2165ZM23.2501 23.2165H18.4236V14.6991C18.4236 12.4988 17.6429 11.3632 16.0813 11.3632C14.8037 11.3632 14.023 12.002 13.6681 13.2086V23.2165H8.8416C8.8416 23.2165 8.91258 8.80797 8.8416 7.17547H12.8937L12.8873 10.3695H12.9583C13.952 8.73699 15.5135 7.67232 17.7138 7.67232C19.3463 7.67232 20.6949 8.09819 21.6886 9.30481C22.6823 10.4405 23.2501 12.002 23.2501 14.1313V23.2165ZM5.71845 3.20072C5.71845 4.54931 4.58281 5.61397 3.23423 5.61397C1.88565 5.61397 0.75 4.54931 0.75 3.20072C0.75 1.85214 1.88565 0.787476 3.23423 0.787476C4.58281 0.787476 5.71845 1.85214 5.71845 3.20072Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-defineProps({
-  size: {
-    default: 24,
-    type: [Number, String],
-  },
-  color: {
-    default: '',
-    type: String,
-  },
-})
-defineOptions({
-  name: 'MediaLinked',
-})
-</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>