npm - @mozaic-ds/icons-vue - Versions diffs - 2.4.0 → 2.5.0 - Mend

@mozaic-ds/icons-vue 2.4.0 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (240) hide show

package/src/components/WarningCircle64/WarningCircle64.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 9.5C19.574 9.5 9.5 19.574 9.5 32S19.574 54.5 32 54.5 54.5 44.426 54.5 32 44.426 9.5 32 9.5M6.5 32C6.5 17.917 17.917 6.5 32 6.5S57.5 17.917 57.5 32 46.083 57.5 32 57.5 6.5 46.083 6.5 32M32 19.833a1.5 1.5 0 0 1 1.5 1.5v13.334a1.5 1.5 0 0 1-3 0V21.333a1.5 1.5 0 0 1 1.5-1.5m0 25.5A2.667 2.667 0 1 0 32 40a2.667 2.667 0 0 0 0 5.333"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 6.5c14.083 0 25.5 11.417 25.5 25.5S46.083 57.5 32 57.5 6.5 46.083 6.5 32 17.917 6.5 32 6.5m0 3C19.574 9.5 9.5 19.574 9.5 32S19.574 54.5 32 54.5 54.5 44.426 54.5 32 44.426 9.5 32 9.5m.268 31.667a1.5 1.5 0 0 1 0 3h-.534a1.5 1.5 0 0 1 0-3zM32 19.833a1.5 1.5 0 0 1 1.5 1.5v13.333a1.5 1.5 0 0 1-3 0V21.333a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircle64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircleFilled20/WarningCircleFilled20.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5m.75 4.917a.75.75 0 0 0-1.5 0v4.166a.75.75 0 0 0 1.5 0zm-.75 7.5a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M10 1.75a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m-.083 10.833a.75.75 0 0 0 0 1.5h.167a.75.75 0 0 0 0-1.5zM10 5.917a.75.75 0 0 0-.75.75v4.167a.75.75 0 0 0 1.5 0V6.667a.75.75 0 0 0-.75-.75"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircleFilled20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircleFilled24/WarningCircleFilled24.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1 6a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0zm-1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m-.1 13a1 1 0 1 0 0 2h.2a1 1 0 0 0 0-2zm.1-8a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0V8a1 1 0 0 0-1-1"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircleFilled24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircleFilled32/WarningCircleFilled32.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m1 7.667a1 1 0 1 0-2 0v6.666a1 1 0 1 0 2 0zm-1 12A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3m-.133 17.333a1 1 0 0 0 0 2h.267a1 1 0 1 0 0-2zM16 9.667a1 1 0 0 0-1 1v6.667a1 1 0 0 0 2 0v-6.667a1 1 0 0 0-1-1"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircleFilled32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircleFilled48/WarningCircleFilled48.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M24 4.5C13.23 4.5 4.5 13.23 4.5 24S13.23 43.5 24 43.5 43.5 34.77 43.5 24 34.77 4.5 24 4.5M25.5 16a1.5 1.5 0 0 0-3 0v10a1.5 1.5 0 0 0 3 0zM24 34a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M24 4.5c10.77 0 19.5 8.73 19.5 19.5S34.77 43.5 24 43.5 4.5 34.77 4.5 24 13.23 4.5 24 4.5m-.2 26a1.5 1.5 0 0 0 0 3h.401a1.5 1.5 0 0 0 0-3h-.4Zm.2-16a1.5 1.5 0 0 0-1.5 1.5v10a1.5 1.5 0 0 0 3 0V16a1.5 1.5 0 0 0-1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircleFilled48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircleFilled64/WarningCircleFilled64.vue CHANGED Viewed

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5m1.5 14.833a1.5 1.5 0 0 0-3 0v13.334a1.5 1.5 0 0 0 3 0zm-1.5 24A2.667 2.667 0 1 0 32 40a2.667 2.667 0 0 0 0 5.333"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 6.5c14.083 0 25.5 11.417 25.5 25.5S46.083 57.5 32 57.5 6.5 46.083 6.5 32 17.917 6.5 32 6.5m-.266 34.667a1.5 1.5 0 1 0 0 3h.534a1.5 1.5 0 0 0 0-3zM32 19.833a1.5 1.5 0 0 0-1.5 1.5v13.333a1.5 1.5 0 0 0 3 0V21.333a1.5 1.5 0 0 0-1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircleFilled64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningTriangle20/WarningTriangle20.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M8.5 4.377a1.75 1.75 0 0 1 3 0l5.735 9.556c.7 1.167-.141 2.65-1.501 2.65H4.267c-1.36 0-2.2-1.483-1.501-2.65zm1.714.772a.25.25 0 0 0-.428 0l-5.734 9.556a.25.25 0 0 0 .215.379h11.467a.25.25 0 0 0 .215-.38L10.214 5.15Zm-.13 7.435a.75.75 0 0 1 0 1.5h-.168a.75.75 0 0 1 0-1.5zm-.085-5a.75.75 0 0 1 .75.75v2.917a.75.75 0 0 1-1.5 0V8.334a.75.75 0 0 1 .75-.75"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangle20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangle24/WarningTriangle24.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M10.286 4.915c.776-1.295 2.652-1.294 3.43 0L20.95 16.97c.8 1.332-.162 3.029-1.716 3.029H4.767c-1.555 0-2.516-1.697-1.716-3.03l7.235-12.055ZM4.766 18h14.468L12 5.943 4.767 18Zm7.334-3a1 1 0 0 1 0 2h-.2a1 1 0 0 1 0-2zM12 9a1 1 0 0 1 1 1v3.5a1 1 0 0 1-2 0V10a1 1 0 0 1 1-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangle24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangle32/WarningTriangle32.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M14.286 6.249c.777-1.295 2.653-1.295 3.43 0L27.95 23.305c.799 1.333-.162 3.029-1.716 3.029H5.767c-1.554 0-2.514-1.696-1.716-3.029L14.286 6.25ZM5.767 24.334h20.467L16.001 7.277zm10.365-4a1 1 0 1 1 0 2h-.266a1 1 0 0 1 0-2zm-.132-8a1 1 0 0 1 1 1V18a1 1 0 0 1-2 0v-4.667a1 1 0 0 1 1-1Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangle32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangle48/WarningTriangle48.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M21.857 8.657c.94-1.568 3.172-1.616 4.193-.147l.095.147L42.38 35.714c1 1.666-.202 3.786-2.145 3.786H7.768c-1.943 0-3.144-2.12-2.144-3.786zM8.652 36.5h30.7l-15.35-25.585zm15.548-6a1.5 1.5 0 0 1 0 3h-.4a1.5 1.5 0 0 1 0-3zm-.2-12a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-3 0v-7a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangle48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangle64/WarningTriangle64.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M29.857 11.324c.94-1.568 3.171-1.616 4.192-.146l.096.146 22.234 37.057c1 1.666-.2 3.786-2.144 3.786H9.768c-1.943 0-3.144-2.12-2.144-3.786zM10.652 49.167h42.7L32 13.583 10.65 49.167Zm21.613-8a1.5 1.5 0 0 1 0 3h-.533a1.5 1.5 0 0 1 0-3zm-.267-16a1.5 1.5 0 0 1 1.5 1.5V36a1.5 1.5 0 0 1-3 0v-9.333a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangle64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangleFilled20/WarningTriangleFilled20.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M8.5 4.377a1.75 1.75 0 0 1 3 0l5.735 9.556c.7 1.167-.141 2.65-1.501 2.65H4.267c-1.36 0-2.2-1.483-1.501-2.65zm1.416 8.207a.75.75 0 0 0 0 1.5h.167a.75.75 0 0 0 0-1.5zm.083-5a.75.75 0 0 0-.75.75v2.917a.75.75 0 0 0 1.5 0V8.334a.75.75 0 0 0-.75-.75"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangleFilled20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangleFilled24/WarningTriangleFilled24.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M10.286 4.915c.776-1.295 2.652-1.294 3.43 0L20.95 16.97c.8 1.332-.162 3.029-1.716 3.029H4.767c-1.555 0-2.516-1.697-1.716-3.03l7.235-12.055ZM11.9 15a1 1 0 0 0 0 2h.2a1 1 0 0 0 0-2zm.1-6a1 1 0 0 0-1 1v3.5a1 1 0 0 0 2 0V10a1 1 0 0 0-1-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangleFilled24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangleFilled32/WarningTriangleFilled32.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M14.286 6.249c.777-1.295 2.653-1.295 3.43 0L27.95 23.305c.799 1.333-.162 3.029-1.716 3.029H5.767c-1.554 0-2.514-1.696-1.716-3.029L14.286 6.25Zm1.58 14.085a1 1 0 0 0 0 2h.267a1 1 0 0 0 0-2zm.134-8a1 1 0 0 0-1 1V18a1 1 0 0 0 2 0v-4.667a1 1 0 0 0-1-1Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangleFilled32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangleFilled48/WarningTriangleFilled48.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M21.857 8.657c.94-1.568 3.172-1.616 4.193-.147l.095.147L42.38 35.714c1 1.666-.202 3.786-2.145 3.786H7.768c-1.943 0-3.144-2.12-2.144-3.786zM23.8 30.5a1.5 1.5 0 0 0 0 3h.4a1.501 1.501 0 0 0 0-3zm.2-12a1.5 1.5 0 0 0-1.5 1.5v7a1.5 1.5 0 0 0 3 0v-7a1.5 1.5 0 0 0-1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangleFilled48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/WarningTriangleFilled64/WarningTriangleFilled64.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M29.857 11.324c.94-1.568 3.171-1.616 4.192-.146l.096.146L56.379 48.38c1 1.666-.2 3.786-2.144 3.786H9.768c-1.943 0-3.144-2.12-2.144-3.786zm1.876 29.843a1.5 1.5 0 0 0 0 3h.533a1.5 1.5 0 0 0 0-3zm.265-16a1.5 1.5 0 0 0-1.5 1.5V36a1.5 1.5 0 0 0 3 0v-9.333a1.5 1.5 0 0 0-1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * WarningTriangleFilled64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>