bge-ui 1.7.0 → 1.7.2

package/dist/style.css

@@ -761,6 +761,36 @@ to {
 }.bge-fill-bg-red {
   fill: var(--bg-red);
 }
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
 .bge-fill-bg-green {
   fill: var(--bg-green);
 }.bge-form.inline .bge-form-item__content {

package/icons/Mono/api.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.365 7.89691C16.7503 8.58184 16.7503 9.41816 16.365 10.1031L13.8338 14.6031C13.4352 15.3116 12.6856 15.75 11.8727 15.75H6.44453C5.67843 15.75 4.96497 15.3602 4.5511 14.7155L3.11884 12.4844C2.89507 12.1358 2.99625 11.6718 3.34482 11.4481C3.69339 11.2243 4.15736 11.3255 4.38113 11.6741L5.81339 13.9052C5.95134 14.1201 6.18917 14.25 6.44453 14.25H11.8727C12.1437 14.25 12.3936 14.1039 12.5264 13.8677L15.0576 9.3677C15.1861 9.13939 15.1861 8.86062 15.0576 8.63231L12.5264 4.1323C12.3936 3.89615 12.1437 3.75 11.8727 3.75L6.44454 3.75C6.18917 3.75 5.95135 3.87994 5.81339 4.09484L4.38113 6.32598C4.15737 6.67455 3.6934 6.77573 3.34482 6.55196C2.99625 6.3282 2.89508 5.86423 3.11884 5.51566L4.5511 3.28452C4.96496 2.63982 5.67843 2.25 6.44454 2.25L11.8727 2.25C12.6856 2.25 13.4352 2.68844 13.8338 3.39691L16.365 7.89691Z" />
+<path d="M1.5 9C1.5 8.58579 1.83579 8.25 2.25 8.25H10.5C10.9142 8.25 11.25 8.58579 11.25 9C11.25 9.41421 10.9142 9.75 10.5 9.75H2.25C1.83579 9.75 1.5 9.41421 1.5 9Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.46968 11.7803C8.17678 11.4874 8.17678 11.0126 8.46968 10.7197L10.1893 9L8.46968 7.28033C8.17678 6.98744 8.17678 6.51256 8.46968 6.21967C8.76257 5.92678 9.23744 5.92678 9.53034 6.21967L11.7803 8.46967C12.0732 8.76256 12.0732 9.23744 11.7803 9.53033L9.53034 11.7803C9.23744 12.0732 8.76257 12.0732 8.46968 11.7803Z" />
+</svg>

package/icons/Mono/identity.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 5.68629 12.3137 3 9 3ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 12C10.3936 12 11.5889 11.0048 11.915 9.6265C12.0104 9.22341 12.4145 8.97397 12.8175 9.06934C13.2206 9.16472 13.4701 9.5688 13.3747 9.97188C12.8993 11.9811 11.1349 13.5 9 13.5C6.86507 13.5 5.10071 11.9811 4.6253 9.97188C4.52993 9.5688 4.77938 9.16472 5.18246 9.06934C5.58554 8.97397 5.98962 9.22341 6.085 9.6265C6.41113 11.0048 7.60643 12 9 12Z" />
+</svg>

package/icons/Mono/overview.svg

@@ -0,0 +1,6 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.91667 9.75C7.65305 9.75 8.25 10.347 8.25 11.0833V14.4167C8.25 15.153 7.65305 15.75 6.91667 15.75H3.58333C2.84695 15.75 2.25 15.153 2.25 14.4167V11.0833C2.25 10.347 2.84695 9.75 3.58333 9.75H6.91667ZM6.75 11.25H3.75V14.25H6.75V11.25Z" />
+<path d="M6.91667 2.25C7.65305 2.25 8.25 2.84696 8.25 3.58334V6.91667C8.25 7.65305 7.65305 8.25 6.91667 8.25H3.58333C2.84695 8.25 2.25 7.65305 2.25 6.91667V3.58334C2.25 2.84696 2.84695 2.25 3.58333 2.25H6.91667ZM6.75 3.75H3.75V6.75H6.75V3.75Z" />
+<path d="M16.0498 4.30719C16.5705 4.82789 16.5705 5.67211 16.0498 6.19281L13.6928 8.54983C13.1721 9.07053 12.3279 9.07053 11.8072 8.54983L9.45017 6.19281C8.92947 5.67211 8.92947 4.82789 9.45017 4.30719L11.8072 1.95017C12.3279 1.42947 13.1721 1.42947 13.6928 1.95017L16.0498 4.30719ZM14.8713 5.25L12.75 3.12868L10.6287 5.25L12.75 7.37132L14.8713 5.25Z" />
+<path d="M14.4167 9.75C15.153 9.75 15.75 10.347 15.75 11.0833V14.4167C15.75 15.153 15.153 15.75 14.4167 15.75H11.0833C10.347 15.75 9.75 15.153 9.75 14.4167V11.0833C9.75 10.347 10.347 9.75 11.0833 9.75H14.4167ZM14.25 11.25H11.25V14.25H14.25V11.25Z" />
+</svg>

package/icons/Mono/percent.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 8.25C6.90685 8.25 8.25 6.90685 8.25 5.25C8.25 3.59315 6.90685 2.25 5.25 2.25C3.59315 2.25 2.25 3.59315 2.25 5.25C2.25 6.90685 3.59315 8.25 5.25 8.25ZM5.25 6.75C6.07843 6.75 6.75 6.07843 6.75 5.25C6.75 4.42157 6.07843 3.75 5.25 3.75C4.42157 3.75 3.75 4.42157 3.75 5.25C3.75 6.07843 4.42157 6.75 5.25 6.75Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 12.75C15.75 14.4069 14.4069 15.75 12.75 15.75C11.0931 15.75 9.75 14.4069 9.75 12.75C9.75 11.0931 11.0931 9.75 12.75 9.75C14.4069 9.75 15.75 11.0931 15.75 12.75ZM14.25 12.75C14.25 13.5784 13.5784 14.25 12.75 14.25C11.9216 14.25 11.25 13.5784 11.25 12.75C11.25 11.9216 11.9216 11.25 12.75 11.25C13.5784 11.25 14.25 11.9216 14.25 12.75Z" />
+<path d="M15.1553 3.90533C15.4482 3.61244 15.4482 3.13756 15.1553 2.84467C14.8624 2.55178 14.3876 2.55178 14.0947 2.84467L2.84467 14.0947C2.55178 14.3876 2.55178 14.8624 2.84467 15.1553C3.13756 15.4482 3.61244 15.4482 3.90533 15.1553L15.1553 3.90533Z" />
+</svg>

package/icons/Mono/report.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3.75C3 2.50736 4.00736 1.5 5.25 1.5H10.5C12.9853 1.5 15 3.51472 15 6V14.25C15 15.4926 13.9926 16.5 12.75 16.5H5.25C4.00736 16.5 3 15.4926 3 14.25V3.75ZM5.25 3C4.83579 3 4.5 3.33579 4.5 3.75V14.25C4.5 14.6642 4.83579 15 5.25 15H12.75C13.1642 15 13.5 14.6642 13.5 14.25V6C13.5 4.34315 12.1569 3 10.5 3H5.25Z" />
+<path d="M6 7.5C6 7.08579 6.33579 6.75 6.75 6.75H9.75C10.1642 6.75 10.5 7.08579 10.5 7.5C10.5 7.91421 10.1642 8.25 9.75 8.25H6.75C6.33579 8.25 6 7.91421 6 7.5Z" />
+<path d="M6 10.5C6 10.0858 6.33579 9.75 6.75 9.75H11.25C11.6642 9.75 12 10.0858 12 10.5C12 10.9142 11.6642 11.25 11.25 11.25H6.75C6.33579 11.25 6 10.9142 6 10.5Z" />
+</svg>

package/icons/Mono/safety.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75 4.72483V9.76001C3.75 11.3277 4.56583 12.7823 5.90347 13.5998L9 15.4921L12.0965 13.5998C13.4342 12.7823 14.25 11.3277 14.25 9.76001V4.72483L9 2.39149L3.75 4.72483ZM9.39109 17.011L12.8787 14.8797C14.6622 13.7898 15.75 11.8502 15.75 9.76001V4.23742C15.75 3.94103 15.5754 3.67244 15.3046 3.55206L9.60921 1.02078C9.22136 0.8484 8.77864 0.848401 8.39079 1.02078L2.6954 3.55206C2.42455 3.67244 2.25 3.94103 2.25 4.23742V9.76001C2.25 11.8502 3.33777 13.7898 5.1213 14.8797L8.60891 17.011C8.849 17.1577 9.151 17.1577 9.39109 17.011Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6877 6.375C12.9973 6.65019 13.0252 7.12424 12.75 7.43383L8.87328 11.3733C8.73096 11.5334 8.52695 11.625 8.31272 11.625C8.0985 11.625 7.89449 11.5334 7.75217 11.3733L5.56272 9C5.28753 8.69041 5.31541 8.21636 5.625 7.94117C5.93459 7.66598 6.40864 7.69387 6.68383 8.00345L8.31272 9.74612L11.6289 6.43728C11.9041 6.1277 12.3781 6.09981 12.6877 6.375Z" />
+</svg>

package/package.json

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

package/src/icons/MonoApi.vue

@@ -0,0 +1,50 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.365 7.89691C16.7503 8.58184 16.7503 9.41816 16.365 10.1031L13.8338 14.6031C13.4352 15.3116 12.6856 15.75 11.8727 15.75H6.44453C5.67843 15.75 4.96497 15.3602 4.5511 14.7155L3.11884 12.4844C2.89507 12.1358 2.99625 11.6718 3.34482 11.4481C3.69339 11.2243 4.15736 11.3255 4.38113 11.6741L5.81339 13.9052C5.95134 14.1201 6.18917 14.25 6.44453 14.25H11.8727C12.1437 14.25 12.3936 14.1039 12.5264 13.8677L15.0576 9.3677C15.1861 9.13939 15.1861 8.86062 15.0576 8.63231L12.5264 4.1323C12.3936 3.89615 12.1437 3.75 11.8727 3.75L6.44454 3.75C6.18917 3.75 5.95135 3.87994 5.81339 4.09484L4.38113 6.32598C4.15737 6.67455 3.6934 6.77573 3.34482 6.55196C2.99625 6.3282 2.89508 5.86423 3.11884 5.51566L4.5511 3.28452C4.96496 2.63982 5.67843 2.25 6.44454 2.25L11.8727 2.25C12.6856 2.25 13.4352 2.68844 13.8338 3.39691L16.365 7.89691Z"
+    />
+    <path
+      d="M1.5 9C1.5 8.58579 1.83579 8.25 2.25 8.25H10.5C10.9142 8.25 11.25 8.58579 11.25 9C11.25 9.41421 10.9142 9.75 10.5 9.75H2.25C1.83579 9.75 1.5 9.41421 1.5 9Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.46968 11.7803C8.17678 11.4874 8.17678 11.0126 8.46968 10.7197L10.1893 9L8.46968 7.28033C8.17678 6.98744 8.17678 6.51256 8.46968 6.21967C8.76257 5.92678 9.23744 5.92678 9.53034 6.21967L11.7803 8.46967C12.0732 8.76256 12.0732 9.23744 11.7803 9.53033L9.53034 11.7803C9.23744 12.0732 8.76257 12.0732 8.46968 11.7803Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoApi',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoIdentity.vue

@@ -0,0 +1,47 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C15 5.68629 12.3137 3 9 3ZM1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9 12C10.3936 12 11.5889 11.0048 11.915 9.6265C12.0104 9.22341 12.4145 8.97397 12.8175 9.06934C13.2206 9.16472 13.4701 9.5688 13.3747 9.97188C12.8993 11.9811 11.1349 13.5 9 13.5C6.86507 13.5 5.10071 11.9811 4.6253 9.97188C4.52993 9.5688 4.77938 9.16472 5.18246 9.06934C5.58554 8.97397 5.98962 9.22341 6.085 9.6265C6.41113 11.0048 7.60643 12 9 12Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoIdentity',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoOverview.vue

@@ -0,0 +1,49 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.91667 9.75C7.65305 9.75 8.25 10.347 8.25 11.0833V14.4167C8.25 15.153 7.65305 15.75 6.91667 15.75H3.58333C2.84695 15.75 2.25 15.153 2.25 14.4167V11.0833C2.25 10.347 2.84695 9.75 3.58333 9.75H6.91667ZM6.75 11.25H3.75V14.25H6.75V11.25Z"
+    />
+    <path
+      d="M6.91667 2.25C7.65305 2.25 8.25 2.84696 8.25 3.58334V6.91667C8.25 7.65305 7.65305 8.25 6.91667 8.25H3.58333C2.84695 8.25 2.25 7.65305 2.25 6.91667V3.58334C2.25 2.84696 2.84695 2.25 3.58333 2.25H6.91667ZM6.75 3.75H3.75V6.75H6.75V3.75Z"
+    />
+    <path
+      d="M16.0498 4.30719C16.5705 4.82789 16.5705 5.67211 16.0498 6.19281L13.6928 8.54983C13.1721 9.07053 12.3279 9.07053 11.8072 8.54983L9.45017 6.19281C8.92947 5.67211 8.92947 4.82789 9.45017 4.30719L11.8072 1.95017C12.3279 1.42947 13.1721 1.42947 13.6928 1.95017L16.0498 4.30719ZM14.8713 5.25L12.75 3.12868L10.6287 5.25L12.75 7.37132L14.8713 5.25Z"
+    />
+    <path
+      d="M14.4167 9.75C15.153 9.75 15.75 10.347 15.75 11.0833V14.4167C15.75 15.153 15.153 15.75 14.4167 15.75H11.0833C10.347 15.75 9.75 15.153 9.75 14.4167V11.0833C9.75 10.347 10.347 9.75 11.0833 9.75H14.4167ZM14.25 11.25H11.25V14.25H14.25V11.25Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoOverview',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoPercent.vue

@@ -0,0 +1,50 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.25 8.25C6.90685 8.25 8.25 6.90685 8.25 5.25C8.25 3.59315 6.90685 2.25 5.25 2.25C3.59315 2.25 2.25 3.59315 2.25 5.25C2.25 6.90685 3.59315 8.25 5.25 8.25ZM5.25 6.75C6.07843 6.75 6.75 6.07843 6.75 5.25C6.75 4.42157 6.07843 3.75 5.25 3.75C4.42157 3.75 3.75 4.42157 3.75 5.25C3.75 6.07843 4.42157 6.75 5.25 6.75Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M15.75 12.75C15.75 14.4069 14.4069 15.75 12.75 15.75C11.0931 15.75 9.75 14.4069 9.75 12.75C9.75 11.0931 11.0931 9.75 12.75 9.75C14.4069 9.75 15.75 11.0931 15.75 12.75ZM14.25 12.75C14.25 13.5784 13.5784 14.25 12.75 14.25C11.9216 14.25 11.25 13.5784 11.25 12.75C11.25 11.9216 11.9216 11.25 12.75 11.25C13.5784 11.25 14.25 11.9216 14.25 12.75Z"
+    />
+    <path
+      d="M15.1553 3.90533C15.4482 3.61244 15.4482 3.13756 15.1553 2.84467C14.8624 2.55178 14.3876 2.55178 14.0947 2.84467L2.84467 14.0947C2.55178 14.3876 2.55178 14.8624 2.84467 15.1553C3.13756 15.4482 3.61244 15.4482 3.90533 15.1553L15.1553 3.90533Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoPercent',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoReport.vue

@@ -0,0 +1,48 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3 3.75C3 2.50736 4.00736 1.5 5.25 1.5H10.5C12.9853 1.5 15 3.51472 15 6V14.25C15 15.4926 13.9926 16.5 12.75 16.5H5.25C4.00736 16.5 3 15.4926 3 14.25V3.75ZM5.25 3C4.83579 3 4.5 3.33579 4.5 3.75V14.25C4.5 14.6642 4.83579 15 5.25 15H12.75C13.1642 15 13.5 14.6642 13.5 14.25V6C13.5 4.34315 12.1569 3 10.5 3H5.25Z"
+    />
+    <path
+      d="M6 7.5C6 7.08579 6.33579 6.75 6.75 6.75H9.75C10.1642 6.75 10.5 7.08579 10.5 7.5C10.5 7.91421 10.1642 8.25 9.75 8.25H6.75C6.33579 8.25 6 7.91421 6 7.5Z"
+    />
+    <path
+      d="M6 10.5C6 10.0858 6.33579 9.75 6.75 9.75H11.25C11.6642 9.75 12 10.0858 12 10.5C12 10.9142 11.6642 11.25 11.25 11.25H6.75C6.33579 11.25 6 10.9142 6 10.5Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoReport',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>

package/src/icons/MonoSafety.vue

@@ -0,0 +1,47 @@
+<template>
+  <svg
+    :style="`width: 1em; height: 1em; font-size: ${size}px; ${
+      color ? 'color:' + color + ';' : ''
+    };`"
+    width="18"
+    height="18"
+    viewBox="0 0 18 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.75 4.72483V9.76001C3.75 11.3277 4.56583 12.7823 5.90347 13.5998L9 15.4921L12.0965 13.5998C13.4342 12.7823 14.25 11.3277 14.25 9.76001V4.72483L9 2.39149L3.75 4.72483ZM9.39109 17.011L12.8787 14.8797C14.6622 13.7898 15.75 11.8502 15.75 9.76001V4.23742C15.75 3.94103 15.5754 3.67244 15.3046 3.55206L9.60921 1.02078C9.22136 0.8484 8.77864 0.848401 8.39079 1.02078L2.6954 3.55206C2.42455 3.67244 2.25 3.94103 2.25 4.23742V9.76001C2.25 11.8502 3.33777 13.7898 5.1213 14.8797L8.60891 17.011C8.849 17.1577 9.151 17.1577 9.39109 17.011Z"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.6877 6.375C12.9973 6.65019 13.0252 7.12424 12.75 7.43383L8.87328 11.3733C8.73096 11.5334 8.52695 11.625 8.31272 11.625C8.0985 11.625 7.89449 11.5334 7.75217 11.3733L5.56272 9C5.28753 8.69041 5.31541 8.21636 5.625 7.94117C5.93459 7.66598 6.40864 7.69387 6.68383 8.00345L8.31272 9.74612L11.6289 6.43728C11.9041 6.1277 12.3781 6.09981 12.6877 6.375Z"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineProps({
+  size: {
+    default: 24,
+    type: [Number, String],
+  },
+  color: {
+    default: '',
+    type: String,
+  },
+})
+defineOptions({
+  name: 'MonoSafety',
+})
+</script>
+<style lang="scss">
+.bge-fill-bg-red {
+  fill: var(--bg-red);
+}
+
+.bge-fill-bg-green {
+  fill: var(--bg-green);
+}
+</style>