@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Status/CheckmarkIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9983 6.93945C19.3079 7.21464 19.3357 7.68869 19.0606 7.99828L11.0606 16.9983C10.9233 17.1527 10.7285 17.2436 10.522 17.2497C10.3156 17.2558 10.1157 17.1764 9.96967 17.0303L4.96967 12.0303C4.67678 11.7374 4.67678 11.2626 4.96967 10.9697C5.26256 10.6768 5.73744 10.6768 6.03033 10.9697L10.4679 15.4072L17.9394 7.00174C18.2146 6.69215 18.6887 6.66426 18.9983 6.93945Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CircleBrokenIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 15.5909 6.04464 18.6478 9.24993 19.7808C10.1091 20.0844 11.0344 20.25 12 20.25C12.4142 20.25 12.75 20.5858 12.75 21C12.75 21.4142 12.4142 21.75 12 21.75C10.8618 21.75 9.76756 21.5546 8.75007 21.195C4.9642 19.8569 2.25 16.2464 2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C16.2464 2.25 19.8569 4.9642 21.195 8.75007C21.5546 9.76756 21.75 10.8618 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75C20.5858 12.75 20.25 12.4142 20.25 12C20.25 11.0344 20.0844 10.1091 19.7808 9.24993C18.6478 6.04464 15.5909 3.75 12 3.75Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CircleFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 12C1.5 6.20101 6.20101 1.5 12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CircleIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CircleSlashFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C14.6841 21.75 17.1149 20.6654 18.878 18.9105C18.8765 18.9119 18.8751 18.9133 18.8736 18.9146L18.9153 18.873C18.9139 18.8744 18.9125 18.8759 18.9111 18.8774C20.6656 17.1143 21.75 14.6838 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM18.1786 17.1174C18.27 17.2088 18.277 17.3552 18.1915 17.4522C17.961 17.7137 17.7143 17.9605 17.4528 18.1909C17.3558 18.2765 17.2094 18.2695 17.118 18.1781L5.82163 6.88172C5.73018 6.79028 5.72327 6.6439 5.80878 6.54689C6.03926 6.28543 6.28604 6.03869 6.54754 5.80825C6.64455 5.72276 6.79091 5.72968 6.88234 5.82112L18.1786 17.1174Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CircleSlashIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.09785 5.11357C3.33807 6.87735 2.25 9.31161 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25C9.31161 2.25 6.87735 3.33807 5.11357 5.09785L5.10566 5.10566L5.09785 5.11357ZM6.72071 5.66005C8.15133 4.46747 9.99188 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 14.0081 19.5325 15.8487 18.34 17.2793L6.72071 5.66005ZM5.66005 6.72071L17.2793 18.34C15.8487 19.5325 14.0081 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12C3.75 9.99188 4.46747 8.15133 5.66005 6.72071Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CogRotationFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.26814 2.99218C10.2511 2.17082 12.4496 2.02672 14.5228 2.58223C16.596 3.13773 18.4279 4.3618 19.7345 6.06458C21.0411 7.76736 21.7493 9.85369 21.7493 12C21.7493 12.4142 21.4135 12.75 20.9993 12.75C20.5851 12.75 20.2493 12.4142 20.2493 12C20.2493 10.1839 19.65 8.41854 18.5445 6.97772C17.4389 5.53691 15.8888 4.50116 14.1346 4.03112C12.3803 3.56107 10.52 3.683 8.84217 4.378C7.1643 5.07299 5.76265 6.30221 4.8546 7.875C4.68487 8.16898 4.33885 8.3123 4.01096 8.22445C3.68308 8.13659 3.45508 7.83946 3.45508 7.5V3C3.45508 2.58579 3.79086 2.25 4.20508 2.25C4.61929 2.25 4.95508 2.58579 4.95508 3V5.25898C5.88448 4.28779 7.01068 3.51304 8.26814 2.99218ZM11.3773 6.25C11.1183 6.25 10.8776 6.38367 10.7407 6.60357L10.1546 7.54479L9.06468 7.29135C8.81237 7.23268 8.54765 7.30836 8.36448 7.49153L7.49153 8.36448C7.30836 8.54765 7.23268 8.81237 7.29135 9.06468L7.54479 10.1546L6.60357 10.7407C6.38367 10.8776 6.25 11.1183 6.25 11.3773V12.6227C6.25 12.8817 6.38367 13.1224 6.60357 13.2593L7.54479 13.8454L7.29135 14.9353C7.23268 15.1876 7.30836 15.4524 7.49153 15.6355L8.36448 16.5085C8.54765 16.6916 8.81237 16.7673 9.06468 16.7087L10.1546 16.4552L10.7407 17.3964C10.8776 17.6163 11.1183 17.75 11.3773 17.75H12.6227C12.8817 17.75 13.1224 17.6163 13.2593 17.3964L13.8454 16.4552L14.9353 16.7087C15.1876 16.7673 15.4524 16.6916 15.6355 16.5085L16.5085 15.6355C16.6916 15.4524 16.7673 15.1876 16.7087 14.9353L16.4552 13.8454L17.3964 13.2593C17.6163 13.1224 17.75 12.8817 17.75 12.6227V11.3773C17.75 11.1183 17.6163 10.8776 17.3964 10.7407L16.4552 10.1546L16.7087 9.06468C16.7673 8.81237 16.6916 8.54765 16.5085 8.36448L15.6355 7.49153C15.4524 7.30836 15.1876 7.23268 14.9353 7.29135L13.8454 7.54479L13.2593 6.60357C13.1224 6.38367 12.8817 6.25 12.6227 6.25H11.3773ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11ZM3.75 12C3.75 11.5858 3.41421 11.25 3 11.25C2.58579 11.25 2.25 11.5858 2.25 12C2.25 14.1463 2.95821 16.2326 4.2648 17.9354C5.57139 19.6382 7.40334 20.8623 9.47651 21.4178C11.5497 21.9733 13.7482 21.8292 15.7312 21.0078C16.9886 20.487 18.1148 19.7122 19.0442 18.741V21C19.0442 21.4142 19.38 21.75 19.7942 21.75C20.2084 21.75 20.5442 21.4142 20.5442 21V16.5C20.5442 16.1605 20.3162 15.8634 19.9883 15.7756C19.6605 15.6877 19.3144 15.831 19.1447 16.125C18.2367 17.6978 16.835 18.927 15.1571 19.622C13.4793 20.317 11.619 20.4389 9.86474 19.9689C8.11052 19.4988 6.56041 18.4631 5.45483 17.0223C4.34926 15.5815 3.75 13.8161 3.75 12Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/CogRotationIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5233 2.58223C12.4501 2.02672 10.2516 2.17082 8.26863 2.99218C7.01117 3.51304 5.88497 4.28779 4.95557 5.25898V3C4.95557 2.58579 4.61978 2.25 4.20557 2.25C3.79135 2.25 3.45557 2.58579 3.45557 3V7.5C3.45557 7.83946 3.68356 8.13659 4.01145 8.22445C4.33934 8.3123 4.68536 8.16898 4.85509 7.875C5.76314 6.30221 7.16479 5.07299 8.84266 4.378C10.5205 3.683 12.3808 3.56107 14.1351 4.03112C15.8893 4.50116 17.4394 5.53691 18.545 6.97772C19.6505 8.41854 20.2498 10.1839 20.2498 12C20.2498 12.4142 20.5856 12.75 20.9998 12.75C21.414 12.75 21.7498 12.4142 21.7498 12C21.7498 9.85369 21.0416 7.76736 19.735 6.06458C18.4284 4.3618 16.5965 3.13773 14.5233 2.58223ZM11.3773 6.25C11.1183 6.25 10.8776 6.38367 10.7407 6.60357L10.1546 7.54479L9.06468 7.29135C8.81237 7.23268 8.54765 7.30836 8.36448 7.49153L7.49153 8.36448C7.30836 8.54765 7.23268 8.81237 7.29135 9.06468L7.54479 10.1546L6.60357 10.7407C6.38367 10.8776 6.25 11.1183 6.25 11.3773V12.6227C6.25 12.8817 6.38367 13.1224 6.60357 13.2593L7.54479 13.8454L7.29135 14.9353C7.23268 15.1876 7.30836 15.4524 7.49153 15.6355L8.36448 16.5085C8.54765 16.6916 8.81237 16.7673 9.06468 16.7087L10.1546 16.4552L10.7407 17.3964C10.8776 17.6163 11.1183 17.75 11.3773 17.75H12.6227C12.8817 17.75 13.1224 17.6163 13.2593 17.3964L13.8454 16.4552L14.9353 16.7087C15.1876 16.7673 15.4524 16.6916 15.6355 16.5085L16.5085 15.6355C16.6916 15.4524 16.7673 15.1876 16.7087 14.9353L16.4552 13.8454L17.3964 13.2593C17.6163 13.1224 17.75 12.8817 17.75 12.6227V11.3773C17.75 11.1183 17.6163 10.8776 17.3964 10.7407L16.4552 10.1546L16.7087 9.06468C16.7673 8.81237 16.6916 8.54765 16.5085 8.36448L15.6355 7.49153C15.4524 7.30836 15.1876 7.23268 14.9353 7.29135L13.8454 7.54479L13.2593 6.60357C13.1224 6.38367 12.8817 6.25 12.6227 6.25H11.3773ZM11.2338 8.64933L11.7938 7.75H12.2062L12.7662 8.64933C12.8536 8.7897 12.9849 8.89725 13.1398 8.95525C13.2098 8.98148 13.2787 9.01007 13.3464 9.04092C13.497 9.10959 13.6661 9.1265 13.8274 9.08901L14.8694 8.8467L15.1533 9.13063L14.911 10.1726C14.8735 10.3339 14.8904 10.503 14.9591 10.6536C14.9899 10.7213 15.0185 10.7902 15.0448 10.8602C15.1027 11.0151 15.2103 11.1464 15.3507 11.2338L16.25 11.7938V12.2062L15.3507 12.7662C15.2103 12.8536 15.1027 12.9849 15.0448 13.1398C15.0185 13.2098 14.9899 13.2787 14.9591 13.3464C14.8904 13.497 14.8735 13.6661 14.911 13.8274L15.1533 14.8694L14.8694 15.1533L13.8274 14.911C13.6661 14.8735 13.497 14.8904 13.3464 14.9591C13.2787 14.9899 13.2098 15.0185 13.1398 15.0448C12.9849 15.1027 12.8536 15.2103 12.7662 15.3507L12.2062 16.25H11.7938L11.2338 15.3507C11.1464 15.2103 11.0151 15.1027 10.8602 15.0448C10.7902 15.0185 10.7213 14.9899 10.6536 14.9591C10.503 14.8904 10.3339 14.8735 10.1726 14.911L9.13063 15.1533L8.8467 14.8694L9.08901 13.8274C9.1265 13.6661 9.10959 13.497 9.04092 13.3464C9.01007 13.2787 8.98148 13.2098 8.95525 13.1398C8.89725 12.9849 8.7897 12.8536 8.64933 12.7662L7.75 12.2062V11.7938L8.64933 11.2338C8.7897 11.1464 8.89725 11.0151 8.95525 10.8602C8.98148 10.7902 9.01007 10.7213 9.04092 10.6536C9.10959 10.503 9.1265 10.3339 9.08901 10.1726L8.8467 9.13063L9.13063 8.8467L10.1726 9.08901C10.3339 9.1265 10.503 9.10959 10.6536 9.04092C10.7213 9.01007 10.7902 8.98148 10.8602 8.95525C11.0151 8.89725 11.1464 8.7897 11.2338 8.64933ZM3 11.25C3.41421 11.25 3.75 11.5858 3.75 12C3.75 13.8161 4.34926 15.5815 5.45483 17.0223C6.56041 18.4631 8.11052 19.4988 9.86474 19.9689C11.619 20.4389 13.4793 20.317 15.1571 19.622C16.835 18.927 18.2367 17.6978 19.1447 16.125C19.3144 15.831 19.6605 15.6877 19.9883 15.7756C20.3162 15.8634 20.5442 16.1605 20.5442 16.5V21C20.5442 21.4142 20.2084 21.75 19.7942 21.75C19.38 21.75 19.0442 21.4142 19.0442 21V18.741C18.1148 19.7122 16.9886 20.487 15.7312 21.0078C13.7482 21.8292 11.5497 21.9733 9.47651 21.4178C7.40334 20.8623 5.57139 19.6382 4.2648 17.9354C2.95821 16.2326 2.25 14.1463 2.25 12C2.25 11.5858 2.58579 11.25 3 11.25ZM12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/DiamondFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.57026 12.5303C1.27736 12.2374 1.27736 11.7625 1.57026 11.4696L11.4698 1.57013C11.7626 1.27724 12.2375 1.27724 12.5304 1.57013L22.4299 11.4696C22.7228 11.7625 22.7228 12.2374 22.4299 12.5303L12.5304 22.4298C12.2375 22.7227 11.7626 22.7227 11.4698 22.4298L1.57026 12.5303Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/DiamondIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4698 1.57026C11.7626 1.27736 12.2375 1.27736 12.5304 1.57026L22.4299 11.4698C22.7228 11.7626 22.7228 12.2375 22.4299 12.5304L12.5304 22.4299C12.2375 22.7228 11.7626 22.7228 11.4698 22.4299L1.57026 12.5304C1.27736 12.2375 1.27736 11.7626 1.57026 11.4698L11.4698 1.57026ZM3.16125 12.0001L12.0001 20.8389L20.8389 12.0001L12.0001 3.16125L3.16125 12.0001Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/ExclamationmarkIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 6.5C12.75 6.08579 12.4142 5.75 12 5.75C11.5858 5.75 11.25 6.08579 11.25 6.5V14.5C11.25 14.9142 11.5858 15.25 12 15.25C12.4142 15.25 12.75 14.9142 12.75 14.5V6.5ZM12 16.5C11.4477 16.5 11 16.9477 11 17.5C11 18.0523 11.4477 18.5 12 18.5C12.5523 18.5 13 18.0523 13 17.5C13 16.9477 12.5523 16.5 12 16.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/ExclamationmarkTriangleFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 2.25C12.273 2.25 12.5244 2.3984 12.6565 2.63743L22.1827 19.8874C22.311 20.1198 22.307 20.4026 22.1721 20.6312C22.0372 20.8597 21.7916 21 21.5262 21H2.47363C2.20823 21 1.96259 20.8597 1.82771 20.6312C1.69283 20.4026 1.68879 20.1198 1.8171 19.8874L11.3434 2.63743C11.4754 2.3984 11.7269 2.25 11.9999 2.25ZM12.001 8.75C12.4152 8.75 12.751 9.08579 12.751 9.5V13.5C12.751 13.9142 12.4152 14.25 12.001 14.25C11.5868 14.25 11.251 13.9142 11.251 13.5V9.5C11.251 9.08579 11.5868 8.75 12.001 8.75ZM11.001 16.5C11.001 15.9477 11.4487 15.5 12.001 15.5C12.5533 15.5 13.001 15.9477 13.001 16.5C13.001 17.0523 12.5533 17.5 12.001 17.5C11.4487 17.5 11.001 17.0523 11.001 16.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/ExclamationmarkTriangleIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C12.2731 2.25 12.5245 2.3984 12.6565 2.63743L22.1828 19.8874C22.3111 20.1198 22.3071 20.4026 22.1722 20.6312C22.0373 20.8597 21.7917 21 21.5263 21H2.47372C2.20832 21 1.96268 20.8597 1.8278 20.6312C1.69292 20.4026 1.68888 20.1198 1.81718 19.8874L11.3435 2.63743C11.4755 2.3984 11.7269 2.25 12 2.25ZM20.2553 19.5L12 4.55142L3.74467 19.5H20.2553ZM12 8.75C12.4142 8.75 12.75 9.08579 12.75 9.5V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V9.5C11.25 9.08579 11.5858 8.75 12 8.75ZM12 15.5C11.4477 15.5 11 15.9477 11 16.5C11 17.0523 11.4477 17.5 12 17.5C12.5523 17.5 13 17.0523 13 16.5C13 15.9477 12.5523 15.5 12 15.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/InformationIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5.5C11.4477 5.5 11 5.94772 11 6.5C11 7.05228 11.4477 7.5 12 7.5C12.5523 7.5 13 7.05228 13 6.5C13 5.94772 12.5523 5.5 12 5.5ZM9.25 9.5C9.25 9.08579 9.58579 8.75 10 8.75H12C12.4142 8.75 12.75 9.08579 12.75 9.5V16.75H14C14.4142 16.75 14.75 17.0858 14.75 17.5C14.75 17.9142 14.4142 18.25 14 18.25H10C9.58579 18.25 9.25 17.9142 9.25 17.5C9.25 17.0858 9.58579 16.75 10 16.75H11.25V10.25H10C9.58579 10.25 9.25 9.91421 9.25 9.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/InformationSquareFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4V20C20.75 20.4142 20.4142 20.75 20 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20V4ZM11 7.75C11 7.19772 11.4477 6.75 12 6.75C12.5523 6.75 13 7.19772 13 7.75C13 8.30228 12.5523 8.75 12 8.75C11.4477 8.75 11 8.30228 11 7.75ZM9.75 10.75C9.75 10.3358 10.0858 10 10.5 10H12C12.4142 10 12.75 10.3358 12.75 10.75V15.5H13.5C13.9142 15.5 14.25 15.8358 14.25 16.25C14.25 16.6642 13.9142 17 13.5 17H12H10.5C10.0858 17 9.75 16.6642 9.75 16.25C9.75 15.8358 10.0858 15.5 10.5 15.5H11.25V11.5H10.5C10.0858 11.5 9.75 11.1642 9.75 10.75Z" fill="currentColor"/>
+</svg>
+</template>