@modkit-org/aksel-icons-vue 1.0.0

package/src/lib/svg-discovery.mjs

@@ -0,0 +1,54 @@
+import { readdir } from "node:fs/promises";
+import path from "node:path";
+import { normalizePath } from "./path-utils.mjs";
+
+export async function collectSvgFilesByRoot(directoryPaths) {
+  const result = new Map();
+
+  for (const directoryPath of directoryPaths.sort((a, b) =>
+    path
+      .basename(a)
+      .localeCompare(path.basename(b), "en", { sensitivity: "base" }),
+  )) {
+    const key = path.basename(directoryPath);
+    if (!result.has(key)) {
+      result.set(key, []);
+    }
+
+    const svgFiles = await listSvgFiles(directoryPath);
+    for (const filePath of svgFiles) {
+      result.get(key).push({
+        fullName: filePath,
+        relativePath: normalizePath(path.relative(directoryPath, filePath)),
+        sourceRoot: directoryPath,
+        baseName: path.basename(filePath, ".svg"),
+      });
+    }
+  }
+
+  return result;
+}
+
+export async function listSvgFiles(rootDirectory) {
+  const files = [];
+
+  async function walk(currentDirectory) {
+    const entries = await readdir(currentDirectory, { withFileTypes: true });
+
+    for (const entry of entries) {
+      const fullPath = path.join(currentDirectory, entry.name);
+
+      if (entry.isDirectory()) {
+        await walk(fullPath);
+        continue;
+      }
+
+      if (entry.isFile() && entry.name.toLowerCase().endsWith(".svg")) {
+        files.push(fullPath);
+      }
+    }
+  }
+
+  await walk(rootDirectory);
+  return files;
+}

package/src/lib/vue-writer.mjs

@@ -0,0 +1,189 @@
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import path from "node:path";
+import { convertToValidIdentifier } from "./identifier.mjs";
+import { section, step, success } from "./logger.mjs";
+import { normalizePath } from "./path-utils.mjs";
+
+export async function generateVueFiles({
+  groupedSvgFiles,
+  typesRootPath,
+  version,
+  downloadUrl,
+}) {
+  const exports = [];
+
+  for (const label of [...groupedSvgFiles.keys()].sort((a, b) =>
+    a.localeCompare(b, "en", { sensitivity: "base" }),
+  )) {
+    const folderName = convertToValidIdentifier(label);
+    const folderPath = path.join(typesRootPath, folderName);
+    await mkdir(folderPath, { recursive: true });
+
+    section(`Processing directory: ${label}`);
+
+    const entries = groupedSvgFiles.get(label) ?? [];
+    entries.sort((left, right) =>
+      left.fullName.localeCompare(right.fullName, "en", {
+        sensitivity: "base",
+      }),
+    );
+
+    let count = 0;
+    for (const svgInfo of entries) {
+      const fileName = `${convertToValidIdentifier(svgInfo.baseName)}Icon.vue`;
+      const relativeDirectory = path.dirname(svgInfo.relativePath);
+      const targetDirectory =
+        relativeDirectory && relativeDirectory !== "."
+          ? path.join(folderPath, relativeDirectory)
+          : folderPath;
+
+      await mkdir(targetDirectory, { recursive: true });
+
+      let svgContent = await readFile(svgInfo.fullName, "utf8");
+      svgContent = svgContent.replaceAll("#202733", "currentColor").trim();
+
+      const vueContent = buildVueContent({
+        version,
+        downloadUrl,
+        svgContent,
+      });
+
+      const outputVueFile = path.join(targetDirectory, fileName);
+      await writeFile(outputVueFile, vueContent, "utf8");
+
+      const relativeOutputPath = normalizePath(
+        path.relative(typesRootPath, outputVueFile),
+      );
+      const folderKey = normalizePath(path.dirname(relativeOutputPath));
+      const iconExportName = path.basename(fileName, ".vue");
+      const exportPath = `./${relativeOutputPath.replace(/\.vue$/i, "")}`;
+
+      exports.push({
+        folder: folderKey === "." ? "" : folderKey,
+        name: iconExportName,
+        path: exportPath,
+      });
+
+      //   console.log(`  - Wrote ${outputVueFile}`);
+      count++;
+    }
+
+    step(`Processed ${count} icons in "${label}".`);
+  }
+
+  success(
+    `Generated ${exports.length} icons across ${groupedSvgFiles.size} directories.`,
+  );
+
+  return exports;
+}
+
+export async function writeIndexFile(
+  typesDirectory,
+  exports,
+  version,
+  downloadUrl,
+) {
+  assertWriteIndexInputs({ typesDirectory, exports, version, downloadUrl });
+
+  const indexFilePath = path.join(typesDirectory, "index.ts");
+  const grouped = new Map();
+
+  exports
+    .sort((left, right) => {
+      const folderDiff = left.folder.localeCompare(right.folder, "en", {
+        sensitivity: "base",
+      });
+      if (folderDiff !== 0) {
+        return folderDiff;
+      }
+
+      return left.name.localeCompare(right.name, "en", { sensitivity: "base" });
+    })
+    .forEach((item) => {
+      if (!grouped.has(item.folder)) {
+        grouped.set(item.folder, []);
+      }
+      grouped.get(item.folder).push(item);
+    });
+
+  const lines = ["// Auto-generated. Do not edit manually.", ""];
+  lines.push(`// Icon version: ${version}`, "");
+  lines.push(`// Download URL: ${downloadUrl}`, "");
+
+  for (const [folder, items] of grouped.entries()) {
+    lines.push(`// ${folder || "Root"}`);
+    for (const item of items) {
+      lines.push(`export { default as ${item.name} } from \"${item.path}\";`);
+    }
+    lines.push("");
+  }
+
+  await writeFile(indexFilePath, `${lines.join("\n")}\n`, "utf8");
+}
+
+function assertWriteIndexInputs({
+  typesDirectory,
+  exports,
+  version,
+  downloadUrl,
+}) {
+  if (!typesDirectory || typeof typesDirectory !== "string") {
+    throw new Error("writeIndexFile requires a valid 'typesDirectory' string.");
+  }
+
+  if (!Array.isArray(exports)) {
+    throw new Error("writeIndexFile requires 'exports' to be an array.");
+  }
+
+  if (!version || typeof version !== "string") {
+    throw new Error(
+      "writeIndexFile requires a valid 'version' string. Ensure generate.mjs passes 'version' into writeIndexFile.",
+    );
+  }
+
+  if (!downloadUrl || typeof downloadUrl !== "string") {
+    throw new Error(
+      "writeIndexFile requires a valid 'downloadUrl' string. Ensure generate.mjs passes 'downloadUrl' into writeIndexFile.",
+    );
+  }
+}
+
+function buildVueContent({ version, downloadUrl, svgContent }) {
+  const normalizedSvg = buildAccessibleSvgTemplate(svgContent);
+
+  return `<!--\n\t@generated\t\tThis file is auto-generated. Do not edit manually.\n\t@version\t\t${version}\n\t@downloadUrl\t${downloadUrl}\n-->\n<script setup>\nimport { computed, useAttrs } from "vue";\n\nconst props = defineProps({\n  size: {\n    type: [String, Number],\n    default: "1em",\n  },\n  title: {\n    type: String,\n    default: "",\n  },\n  ariaLabel: {\n    type: String,\n    default: "",\n  },\n});\n\nconst attrs = useAttrs();\n\nconst normalizedSize = computed(() =>\n  typeof props.size === "number" ? \`\${props.size}px\` : props.size,\n);\n\nconst accessibleLabel = computed(\n  () => props.ariaLabel || props.title || undefined,\n);\n\nconst decorative = computed(() => !accessibleLabel.value);\n</script>\n\n<template>\n${normalizedSvg}\n</template>\n`;
+}
+
+function buildAccessibleSvgTemplate(svgContent) {
+  const svgMatch = svgContent.match(/<svg\b([^>]*)>([\s\S]*?)<\/svg>/i);
+  if (!svgMatch) {
+    return svgContent;
+  }
+
+  const rawAttributes = svgMatch[1] ?? "";
+  const rawBody = svgMatch[2] ?? "";
+
+  const sanitizedAttributes = sanitizeSvgAttributes(rawAttributes);
+  const sanitizedBody = rawBody
+    .replace(/<title\b[^>]*>[\s\S]*?<\/title>/gi, "")
+    .trim();
+
+  const openingTag = `<svg${sanitizedAttributes ? ` ${sanitizedAttributes}` : ""} v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">`;
+
+  return `${openingTag}\n  <title v-if="props.title">{{ props.title }}</title>${sanitizedBody ? `\n${sanitizedBody}` : ""}\n</svg>`;
+}
+
+function sanitizeSvgAttributes(attributes) {
+  return attributes
+    .replace(
+      /\s(?:width|height|aria-hidden|aria-label|role|focusable)=\"[^\"]*\"/gi,
+      "",
+    )
+    .replace(
+      /\s(?:width|height|aria-hidden|aria-label|role|focusable)=\'[^\']*\'/gi,
+      "",
+    )
+    .replace(/\s+/g, " ")
+    .trim();
+}

package/src/metadata.json

@@ -0,0 +1,4 @@
+{
+  "version": "1.0.0",
+  "generatedAt": "2026-03-01T11:01:32Z"
+}

package/src/types/Accessibility/BrailleFillIcon.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.5 6C5.5 5.17157 6.17157 4.5 7 4.5C7.82843 4.5 8.5 5.17157 8.5 6C8.5 6.82843 7.82843 7.5 7 7.5C6.17157 7.5 5.5 6.82843 5.5 6ZM5.5 11C5.5 10.1716 6.17157 9.5 7 9.5C7.82843 9.5 8.5 10.1716 8.5 11C8.5 11.8284 7.82843 12.5 7 12.5C6.17157 12.5 5.5 11.8284 5.5 11ZM12 4.5C11.1716 4.5 10.5 5.17157 10.5 6C10.5 6.82843 11.1716 7.5 12 7.5C12.8284 7.5 13.5 6.82843 13.5 6C13.5 5.17157 12.8284 4.5 12 4.5ZM15.5 6C15.5 5.17157 16.1716 4.5 17 4.5C17.8284 4.5 18.5 5.17157 18.5 6C18.5 6.82843 17.8284 7.5 17 7.5C16.1716 7.5 15.5 6.82843 15.5 6ZM13.3513 9.25C12.2393 9.25 11.3532 10.1598 11.3532 11.2632V14.1716C10.6073 13.552 9.50006 13.5938 8.80265 14.2996C8.16599 14.9439 8.06876 15.9493 8.56644 16.7048L11.0088 20.4126C11.1476 20.6232 11.3829 20.75 11.6352 20.75H18.0577C18.3899 20.75 18.6824 20.5316 18.7768 20.2132L19.635 17.318C20.0924 15.775 19.1415 14.1542 17.5595 13.8339L15.3494 13.3866V11.2632C15.3494 10.1598 14.4633 9.25 13.3513 9.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/BrailleIcon.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.5 6C5.5 5.17157 6.17157 4.5 7 4.5C7.82843 4.5 8.5 5.17157 8.5 6C8.5 6.82843 7.82843 7.5 7 7.5C6.17157 7.5 5.5 6.82843 5.5 6ZM13.3513 10.75C13.0847 10.75 12.8532 10.9713 12.8532 11.2632V16C12.8532 16.3051 12.6684 16.5797 12.3858 16.6947C12.1033 16.8097 11.7792 16.742 11.5662 16.5236L10.4275 15.3558C10.2732 15.1975 10.0249 15.1967 9.86964 15.3539C9.73267 15.4925 9.70986 15.7139 9.81908 15.8797L12.0392 19.25H17.4978L18.1969 16.8917C18.4088 16.1767 17.964 15.4462 17.2619 15.3041L14.4506 14.7351C14.1009 14.6643 13.8494 14.3569 13.8494 14V11.2632C13.8494 10.9713 13.618 10.75 13.3513 10.75ZM11.3532 11.2632C11.3532 10.1598 12.2393 9.25 13.3513 9.25C14.4633 9.25 15.3494 10.1598 15.3494 11.2632V13.3866L17.5595 13.8339C19.1415 14.1542 20.0924 15.775 19.635 17.318L18.7768 20.2132C18.6824 20.5316 18.3899 20.75 18.0577 20.75H11.6352C11.3829 20.75 11.1476 20.6232 11.0088 20.4126L8.56644 16.7048C8.06876 15.9493 8.16599 14.9439 8.80265 14.2996C9.50006 13.5938 10.6073 13.552 11.3532 14.1716V11.2632ZM7 9.5C6.17157 9.5 5.5 10.1716 5.5 11C5.5 11.8284 6.17157 12.5 7 12.5C7.82843 12.5 8.5 11.8284 8.5 11C8.5 10.1716 7.82843 9.5 7 9.5ZM10.5 6C10.5 5.17157 11.1716 4.5 12 4.5C12.8284 4.5 13.5 5.17157 13.5 6C13.5 6.82843 12.8284 7.5 12 7.5C11.1716 7.5 10.5 6.82843 10.5 6ZM17 4.5C16.1716 4.5 15.5 5.17157 15.5 6C15.5 6.82843 16.1716 7.5 17 7.5C17.8284 7.5 18.5 6.82843 18.5 6C18.5 5.17157 17.8284 4.5 17 4.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/DogHarnessFillIcon.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.7398 4.8767C14.7365 4.85701 14.7324 4.83746 14.7276 4.8181L14.727 4.81571L14.7262 4.81258L14.724 4.80411L14.7172 4.77867C14.7115 4.75806 14.7036 4.73023 14.6932 4.6962C14.6726 4.62829 14.6422 4.53482 14.6007 4.42416C14.5186 4.20527 14.3887 3.9069 14.1985 3.6025C13.8313 3.01503 13.133 2.25 12 2.25H9C7.91517 2.25 7.09978 2.96131 6.62307 3.50612C6.42843 3.72856 6.26767 3.94889 6.14377 4.13492C6.09636 4.20611 6.01709 4.25 5.93156 4.25H4C3.0335 4.25 2.25 5.0335 2.25 6V7.93934C2.25 8.81738 2.5988 9.65946 3.21967 10.2803C3.84054 10.9012 4.68262 11.25 5.56066 11.25H7.38783C7.48416 11.25 7.55635 11.3382 7.53767 11.4327C7.40309 12.1135 7.22893 13.0635 7.07048 14.1409C6.8276 15.7925 6.61441 17.7893 6.65251 19.5846C6.6571 19.8009 6.91666 19.9014 7.06963 19.7484L15.7671 11.0509C15.8259 10.9921 15.8516 10.9079 15.8357 10.8263C15.5314 9.26099 15.2905 7.96746 15.1129 6.99084C14.9883 6.3053 14.8948 5.77594 14.8327 5.41837C14.8016 5.23959 14.7783 5.10375 14.7628 5.01282L14.7454 4.91035L14.7398 4.8767ZM17.2879 16.3954C17.2205 16.2268 17.0021 16.1799 16.8737 16.3083L11.8588 21.3232C11.7013 21.4807 11.8128 21.75 12.0355 21.75H19C19.291 21.75 19.5558 21.5817 19.6792 21.3181C19.8026 21.0547 19.7622 20.7434 19.5762 20.5199L19.5737 20.5168L19.5573 20.4966C19.542 20.4774 19.5179 20.4469 19.486 20.4053C19.4223 20.3221 19.3275 20.1946 19.2094 20.0248C18.9731 19.6852 18.644 19.177 18.2834 18.5159C17.9616 17.9258 17.6154 17.2154 17.2879 16.3954ZM19.4812 7.54183C19.4773 7.53804 19.4734 7.5342 19.4695 7.53031C18.9339 6.99478 18.0657 6.99478 17.5301 7.53031L17.1964 7.86406C17.0542 8.00624 16.8109 7.93088 16.7742 7.73318C16.706 7.36582 16.6441 7.02847 16.5885 6.72252L16.5559 6.54258C16.5408 6.45938 16.5684 6.37358 16.6326 6.31853C17.7549 5.35578 19.4443 5.40071 20.5137 6.45331C20.5193 6.45866 20.525 6.46411 20.5305 6.46967C21.6518 7.59099 21.6518 9.40901 20.5305 10.5303L9.38409 21.6768C9.3372 21.7237 9.27362 21.75 9.20731 21.75H7.49996C7.39351 21.75 7.33603 21.6352 7.39997 21.5501C7.42105 21.5221 7.44435 21.4952 7.46987 21.4697L19.4699 9.46967C20.0016 8.93795 20.0054 8.07823 19.4812 7.54183Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/DogHarnessIcon.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.2834 18.5159C17.7279 17.4974 17.0999 16.1202 16.6202 14.4404L20.5303 10.5303C21.6517 9.40902 21.6517 7.591 20.5303 6.46968C19.409 5.34836 17.591 5.34836 16.4697 6.46968L15.2423 7.69708C15.1959 7.44599 15.1528 7.2104 15.1129 6.99084C14.9883 6.3053 14.8948 5.77594 14.8327 5.41837C14.8016 5.23959 14.7783 5.10375 14.7628 5.01282L14.7454 4.91035L14.7398 4.8767C14.7365 4.85701 14.7324 4.83746 14.7276 4.8181L14.727 4.81571L14.7262 4.81258L14.724 4.80411L14.7172 4.77867C14.7115 4.75806 14.7036 4.73023 14.6932 4.6962C14.6726 4.62829 14.6422 4.53482 14.6007 4.42416C14.5186 4.20527 14.3887 3.9069 14.1985 3.6025C13.8313 3.01503 13.133 2.25 12 2.25H9C7.91517 2.25 7.09978 2.96131 6.62307 3.50612C6.38652 3.77646 6.2 4.04368 6.0689 4.25H4C3.0335 4.25 2.25 5.0335 2.25 6V7.93934C2.25 8.81738 2.5988 9.65946 3.21967 10.2803C3.84054 10.9012 4.68262 11.25 5.56066 11.25H7.57412C7.56234 11.3085 7.55017 11.3694 7.53767 11.4327C7.40309 12.1135 7.22893 13.0635 7.07048 14.1409C6.75664 16.275 6.49236 18.9856 6.75579 21.093C6.80271 21.4683 7.12176 21.75 7.5 21.75H19C19.291 21.75 19.5558 21.5817 19.6792 21.3181C19.8026 21.0547 19.7622 20.7434 19.5762 20.5199L19.5737 20.5168L19.5573 20.4966C19.542 20.4774 19.5179 20.4469 19.486 20.4053C19.4223 20.3221 19.3275 20.1946 19.2094 20.0248C18.9731 19.6852 18.644 19.177 18.2834 18.5159ZM7.17063 5.33578C7.04352 5.58965 6.78394 5.75 6.5 5.75H4C3.86193 5.75 3.75 5.86193 3.75 6V7.93934C3.75 8.41956 3.94077 8.88011 4.28033 9.21967C4.61989 9.55923 5.08044 9.75 5.56066 9.75H8.5C8.72856 9.75 8.94464 9.85422 9.08693 10.0331C9.22921 10.2119 9.28218 10.4459 9.23081 10.6686L9.22998 10.6722L9.22706 10.685L9.2152 10.7376C9.20472 10.7845 9.18926 10.8544 9.16965 10.9453C9.13043 11.1271 9.07468 11.3923 9.0092 11.7236C8.87816 12.3865 8.70857 13.3115 8.55452 14.3591C8.27812 16.2386 8.06125 18.4524 8.18205 20.25H8.68936L14.9504 13.989C14.8842 13.7148 14.822 13.4341 14.7646 13.1471C14.3735 11.1917 14.0587 9.54135 13.8201 8.2554C12.8012 8.7021 11.6263 8.88156 10.6819 8.60134C10.0949 8.42719 9.54976 8.05592 9.26635 7.41758C8.99037 6.79595 9.02389 6.05722 9.28869 5.26282C9.41968 4.86986 9.84442 4.65749 10.2374 4.78848C10.6303 4.91947 10.8427 5.34421 10.7117 5.73716C10.5161 6.32406 10.5662 6.64863 10.6373 6.80891C10.701 6.95247 10.8336 7.08172 11.1085 7.1633C11.6921 7.33643 12.6615 7.1988 13.5405 6.72454C13.4622 6.28861 13.4003 5.93692 13.3548 5.67538C13.3234 5.49479 13.2998 5.35719 13.2841 5.26452L13.2665 5.16106L13.2579 5.13192C13.2453 5.09046 13.225 5.02768 13.1962 4.95084C13.1376 4.79473 13.0488 4.5931 12.9265 4.3975C12.6687 3.98497 12.367 3.75 12 3.75H9C8.58483 3.75 8.15022 4.03869 7.75193 4.49388C7.56657 4.70572 7.41813 4.92109 7.31569 5.085C7.26495 5.16617 7.22673 5.23274 7.20207 5.2773C7.20053 5.28008 7.19905 5.28277 7.19762 5.28537C7.18761 5.30358 7.18025 5.31739 7.17564 5.32616L7.17063 5.33578ZM16.9666 19.2341C17.1772 19.6203 17.3787 19.9597 17.5611 20.25H10.8107L15.4194 15.6413C15.8935 17.0911 16.4574 18.3006 16.9666 19.2341ZM19.4697 9.46968L16.2106 12.7287C15.97 11.5236 15.7589 10.437 15.5773 9.48339L17.5303 7.53034C18.0659 6.99481 18.9341 6.99481 19.4697 7.53034C20.0052 8.06588 20.0052 8.93415 19.4697 9.46968Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/EscalatorIcon.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="M16.4238 5.51986C16.5663 5.34887 16.7774 5.25 17 5.25H21C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75H17.3513L7.57617 18.4801C7.43367 18.6511 7.22258 18.75 7 18.75H3C2.58579 18.75 2.25 18.4142 2.25 18C2.25 17.5858 2.58579 17.25 3 17.25H6.64872L16.4238 5.51986Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/FigureFillIcon.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 1.25C10.4812 1.25 9.25 2.48122 9.25 4C9.25 5.51878 10.4812 6.75 12 6.75C13.5188 6.75 14.75 5.51878 14.75 4C14.75 2.48122 13.5188 1.25 12 1.25ZM19.742 8.1925C19.7544 7.05768 18.7275 6.04603 17.5041 6.28385C16.9021 6.40087 16.3483 6.52996 15.8186 6.65344C14.5236 6.95534 13.3726 7.22365 12.0133 7.19965L11.9785 7.19883C10.6192 7.22284 9.46828 6.95453 8.17322 6.65263C7.64355 6.52915 7.08978 6.40005 6.48778 6.28303C5.26431 6.04522 4.2374 7.05687 4.24987 8.19169C4.25938 9.05787 4.87125 9.86569 5.76186 10.0458C6.83347 10.3367 7.90915 10.6071 8.98722 10.8727C8.95246 12.0199 8.88791 13.1708 8.68864 14.3027C8.46071 15.4276 8.04875 16.4981 7.61674 17.6207C7.42218 18.1263 7.22356 18.6425 7.03585 19.1789C6.65865 20.2506 7.30477 21.535 8.52233 21.7265C9.43975 21.8709 10.2989 21.3052 10.5865 20.4694L10.5875 20.4666L11.9958 16.3195L13.4044 20.4674L13.4054 20.4702C13.6929 21.306 14.5521 21.8717 15.4695 21.7273C16.6871 21.5358 17.3332 20.2514 16.956 19.1798C16.7683 18.6434 16.5697 18.1272 16.3752 17.6217L16.3751 17.6216L16.3751 17.6215C15.9431 16.4989 15.5311 15.4284 15.3032 14.3036C15.1039 13.1716 15.0394 12.0207 15.0046 10.8735C16.0827 10.6079 17.1584 10.3375 18.23 10.0466C19.1206 9.8665 19.7325 9.05868 19.742 8.1925Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/FigureIcon.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="M10.7499 4.00006C10.7499 3.30971 11.3096 2.75006 11.9999 2.75006C12.6903 2.75006 13.2499 3.30971 13.2499 4.00006C13.2499 4.69042 12.6903 5.25006 11.9999 5.25006C11.3096 5.25006 10.7499 4.69042 10.7499 4.00006ZM11.9999 1.25006C10.4811 1.25006 9.24991 2.48128 9.24991 4.00006C9.24991 5.51884 10.4811 6.75006 11.9999 6.75006C13.5187 6.75006 14.7499 5.51884 14.7499 4.00006C14.7499 2.48128 13.5187 1.25006 11.9999 1.25006ZM6.48768 6.28308C5.26422 6.04526 4.23731 7.05691 4.24978 8.19173C4.25929 9.05791 4.87116 9.86573 5.76177 10.0458C6.81212 10.331 7.87223 10.6106 8.94161 10.8615L8.98713 10.8727L8.98689 10.8803C8.94884 12.0637 8.88587 13.1819 8.68854 14.3028C8.46062 15.4276 8.04866 16.4982 7.61665 17.6208C7.42209 18.1264 7.22347 18.6425 7.03575 19.179C6.65856 20.2507 7.30468 21.535 8.52223 21.7266C9.43966 21.8709 10.2988 21.3052 10.5864 20.4694L10.5874 20.4666L11.9957 16.3196L13.4043 20.4674L13.4053 20.4702C13.6928 21.306 14.552 21.8717 15.4694 21.7274C16.687 21.5358 17.3331 20.2515 16.9559 19.1798C16.7682 18.6434 16.5695 18.1271 16.375 17.6216C15.943 16.499 15.531 15.4284 15.3031 14.3036C15.1058 13.1827 15.0428 12.0645 15.0048 10.8811L15.0045 10.8735L15.05 10.8623C16.1194 10.6114 17.1795 10.3318 18.2299 10.0466C19.1205 9.86653 19.7324 9.05871 19.7419 8.19253C19.7543 7.05771 18.7274 6.04606 17.504 6.28387C16.902 6.40089 16.3482 6.52999 15.8185 6.65346C14.5308 6.95367 13.3855 7.22065 12.0362 7.20005C12.0171 7.19893 11.9979 7.19853 11.9784 7.19888C10.6191 7.22288 9.46819 6.95458 8.17313 6.65267C7.64346 6.52919 7.08968 6.4001 6.48768 6.28308ZM12.7102 13.7587C12.6115 13.4682 12.3522 13.2776 12.065 13.2525C11.7258 13.2189 11.3958 13.4212 11.2815 13.7579L9.168 19.9814L9.16763 19.9825C9.1039 20.166 8.91657 20.2702 8.75537 20.2448C8.64916 20.2281 8.55264 20.162 8.48849 20.0477C8.42244 19.93 8.40982 19.7926 8.45082 19.6766L8.45158 19.6744C8.60601 19.2331 8.78371 18.7707 8.96695 18.2939C9.42003 17.1151 9.9071 15.8478 10.1607 14.5906L10.1641 14.5727C10.382 13.3393 10.4474 12.1314 10.4861 10.9293C10.4964 10.6179 10.4872 10.158 10.1548 9.81205C9.99463 9.64533 9.81096 9.56036 9.67458 9.51083C9.55294 9.46666 9.41739 9.43358 9.31275 9.40803L9.31273 9.40803L9.28811 9.40201C8.23372 9.15472 7.18303 8.87755 6.12809 8.59099C6.10753 8.58541 6.08675 8.5807 6.0658 8.57689C5.90667 8.54793 5.75193 8.3796 5.74969 8.17526C5.74833 8.05203 5.8043 7.93013 5.89973 7.84562C5.99158 7.76428 6.09772 7.73535 6.20147 7.75552C6.68621 7.84975 7.17393 7.96341 7.6688 8.07874L7.66884 8.07874C9.02192 8.39408 10.4286 8.7219 11.9748 8.69913L11.9868 8.69944C13.5448 8.72695 14.9609 8.39692 16.3228 8.07954L16.3228 8.07954C16.8177 7.9642 17.3054 7.85054 17.7902 7.75631C17.8939 7.73615 18.0001 7.76507 18.0919 7.84641C18.1874 7.93092 18.2433 8.05282 18.242 8.17605C18.2397 8.3804 18.085 8.54872 17.9259 8.57768C17.9049 8.5815 17.8841 8.5862 17.8636 8.59179C16.8086 8.87834 15.7579 9.15551 14.7035 9.40281L14.6789 9.40883C14.5743 9.43437 14.4387 9.46745 14.3171 9.51163C14.1807 9.56115 13.997 9.64612 13.8369 9.81284C13.5045 10.1588 13.4953 10.6187 13.5056 10.9301C13.5442 12.1322 13.6096 13.3401 13.8276 14.5735L13.8309 14.5914C14.0846 15.8486 14.5716 17.1159 15.0247 18.2947L15.0247 18.2948C15.208 18.7716 15.3857 19.2339 15.5401 19.6752L15.5408 19.6774C15.5818 19.7934 15.5692 19.9308 15.5032 20.0485C15.439 20.1628 15.3425 20.2289 15.2363 20.2456C15.0751 20.271 14.8878 20.1668 14.824 19.9833L14.8237 19.9822L12.7102 13.7587Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/GlassesFillIcon.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 d="M3.75 6C3.75 5.30964 4.30964 4.75 5 4.75C5.69036 4.75 6.25 5.30964 6.25 6V8C6.25 8.41421 6.58579 8.75 7 8.75C7.41421 8.75 7.75 8.41421 7.75 8V6C7.75 4.48122 6.51878 3.25 5 3.25C3.48122 3.25 2.25 4.48122 2.25 6V13V13.75V18C2.25 18.9665 3.0335 19.75 4 19.75H9.5C10.4665 19.75 11.25 18.9665 11.25 18V13.75H12.75V18C12.75 18.9665 13.5335 19.75 14.5 19.75H20C20.9665 19.75 21.75 18.9665 21.75 18V13.75V13V6C21.75 4.48122 20.5188 3.25 19 3.25C17.4812 3.25 16.25 4.48122 16.25 6V8C16.25 8.41421 16.5858 8.75 17 8.75C17.4142 8.75 17.75 8.41421 17.75 8V6C17.75 5.30964 18.3096 4.75 19 4.75C19.6904 4.75 20.25 5.30964 20.25 6V12.25H13.5H10.5H3.75V6Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Accessibility/GlassesIcon.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.75 6C3.75 5.30964 4.30964 4.75 5 4.75C5.69036 4.75 6.25 5.30964 6.25 6V8C6.25 8.41421 6.58579 8.75 7 8.75C7.41421 8.75 7.75 8.41421 7.75 8V6C7.75 4.48122 6.51878 3.25 5 3.25C3.48122 3.25 2.25 4.48122 2.25 6V18C2.25 18.9665 3.0335 19.75 4 19.75H9.5C10.4665 19.75 11.25 18.9665 11.25 18V13.75H12.75V18C12.75 18.9665 13.5335 19.75 14.5 19.75H20C20.9665 19.75 21.75 18.9665 21.75 18V6C21.75 4.48122 20.5188 3.25 19 3.25C17.4812 3.25 16.25 4.48122 16.25 6V8C16.25 8.41421 16.5858 8.75 17 8.75C17.4142 8.75 17.75 8.41421 17.75 8V6C17.75 5.30964 18.3096 4.75 19 4.75C19.6904 4.75 20.25 5.30964 20.25 6V12.25H3.75V6ZM9.5 18.25C9.63807 18.25 9.75 18.1381 9.75 18V13.75H3.75V18C3.75 18.1381 3.86193 18.25 4 18.25H9.5ZM20 18.25C20.1381 18.25 20.25 18.1381 20.25 18V13.75H14.25V18C14.25 18.1381 14.3619 18.25 14.5 18.25H20Z" fill="currentColor"/>
+</svg>
+</template>