@dpa-id-components/dpa-shared-components 22.0.0-next.0 → 22.0.0-next.2

package/dist/{flag-fill-CM68wUqg.js → flag-filled-VmJW-U0p.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/flag-fill.vue
+//#region src/assets/icons/flag-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{folder-fill-CtquUM7Z.js → folder-filled-D6pmcH0e.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/folder-fill.vue
+//#region src/assets/icons/folder-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/gallery-DwPWc5L2.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/gallery.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M15.6416 2L15.8828 2.01172C15.9593 2.0195 16.0352 2.03096 16.1094 2.0459C16.1315 2.05034 16.1529 2.05744 16.1748 2.0625C16.2285 2.07492 16.2818 2.0875 16.334 2.10352C16.3535 2.1095 16.3723 2.11755 16.3916 2.12402C16.4421 2.14098 16.4921 2.15849 16.541 2.17871C16.5702 2.19075 16.5984 2.20461 16.627 2.21777C16.6641 2.2349 16.7013 2.25154 16.7373 2.27051C16.7682 2.28676 16.7981 2.3047 16.8281 2.32227C16.863 2.34264 16.8979 2.36268 16.9316 2.38477C16.9589 2.4026 16.9853 2.42151 17.0117 2.44043C17.0441 2.46362 17.0763 2.48696 17.1074 2.51172C17.1353 2.53387 17.1617 2.55769 17.1885 2.58105C17.2177 2.60652 17.2465 2.63232 17.2744 2.65918C17.2963 2.68025 17.3178 2.70173 17.3389 2.72363C17.3696 2.75551 17.3998 2.78773 17.4287 2.82129C17.4495 2.84549 17.4694 2.87046 17.4893 2.89551C17.5134 2.92598 17.5359 2.95759 17.5586 2.98926C17.5787 3.01739 17.5993 3.04518 17.6182 3.07422C17.6398 3.10739 17.6597 3.14149 17.6797 3.17578C17.6967 3.20513 17.7137 3.23451 17.7295 3.26465C17.7471 3.29828 17.7632 3.33263 17.7793 3.36719C17.795 3.40112 17.811 3.43494 17.8252 3.46973C17.8397 3.50535 17.8524 3.54166 17.8652 3.57812C17.8765 3.61022 17.8885 3.64209 17.8984 3.6748C17.9639 3.8912 18 4.12063 18 4.3584V12.4414L17.9873 12.6826C17.9795 12.7593 17.9671 12.8348 17.9521 12.9092C17.9444 12.9475 17.9334 12.9848 17.9238 13.0225C17.9155 13.0555 17.9082 13.0886 17.8984 13.1211C17.8826 13.1738 17.8641 13.2253 17.8447 13.2764C17.8384 13.293 17.8328 13.3098 17.8262 13.3262C17.8083 13.3704 17.788 13.4133 17.7676 13.4561C17.7547 13.4829 17.7423 13.5098 17.7285 13.5361C17.7119 13.5677 17.6937 13.5982 17.6758 13.6289C17.6558 13.6632 17.6359 13.6974 17.6143 13.7305C17.5939 13.7616 17.5716 13.7912 17.5498 13.8213C17.5305 13.8479 17.5116 13.8746 17.4912 13.9004C17.4664 13.9318 17.4404 13.9621 17.4141 13.9922C17.39 14.0196 17.3661 14.047 17.3408 14.0732C17.3167 14.0983 17.2918 14.1225 17.2666 14.1465C17.2397 14.1721 17.2126 14.1973 17.1846 14.2217C17.1568 14.2458 17.1285 14.2692 17.0996 14.292C17.0706 14.3149 17.0409 14.3368 17.0107 14.3584C16.9811 14.3796 16.9516 14.401 16.9209 14.4209C16.8928 14.4391 16.8638 14.4557 16.835 14.4727C16.7986 14.4941 16.7622 14.5157 16.7246 14.5352C16.6975 14.5492 16.6693 14.5612 16.6416 14.5742C16.6042 14.5918 16.5668 14.6094 16.5283 14.625C16.4927 14.6395 16.4564 14.6523 16.4199 14.665C16.3875 14.6764 16.3553 14.6883 16.3223 14.6982C16.2796 14.7111 16.236 14.721 16.1924 14.7314C16.1627 14.7385 16.1336 14.7479 16.1035 14.7539C16.0365 14.7672 15.9684 14.7767 15.8994 14.7842C15.8932 14.7849 15.8871 14.7865 15.8809 14.7871C15.8023 14.795 15.7223 14.7998 15.6416 14.7998H14.7998V15.6416C14.7998 15.7997 14.7836 15.9542 14.7539 16.1035C14.7495 16.1256 14.7433 16.1471 14.7383 16.1689C14.7261 16.222 14.7129 16.2745 14.6973 16.3262C14.6901 16.3499 14.6817 16.3731 14.6738 16.3965C14.6582 16.4427 14.6414 16.4883 14.623 16.5332C14.6111 16.5623 14.598 16.5907 14.585 16.6191C14.5663 16.6601 14.5473 16.7006 14.5264 16.7402C14.5156 16.7606 14.5045 16.7808 14.4932 16.8008C14.4679 16.8454 14.4411 16.8889 14.4131 16.9316C14.3983 16.9542 14.3827 16.9761 14.3672 16.998C14.3404 17.0359 14.3131 17.0732 14.2842 17.1094C14.2659 17.1323 14.2467 17.1545 14.2275 17.1768C14.2001 17.2086 14.1726 17.2402 14.1436 17.2705C14.1209 17.2941 14.0978 17.3172 14.0742 17.3398C14.0444 17.3685 14.0137 17.3958 13.9824 17.4229C13.9583 17.4437 13.9341 17.4645 13.9092 17.4844C13.8773 17.5098 13.8447 17.5339 13.8115 17.5576C13.7851 17.5766 13.7587 17.5954 13.7314 17.6133C13.6998 17.634 13.6675 17.6536 13.6348 17.6729C13.602 17.6921 13.5689 17.7108 13.5352 17.7285C13.5028 17.7455 13.4697 17.7609 13.4365 17.7764C13.4044 17.7914 13.3728 17.8077 13.3398 17.8213C13.3009 17.8374 13.2607 17.8503 13.2207 17.8643C13.1882 17.8756 13.1562 17.8884 13.123 17.8984C13.1009 17.9051 13.078 17.909 13.0557 17.915C12.9346 17.9477 12.8106 17.9743 12.6826 17.9873L12.4414 18H4.35742C4.27632 18 4.19619 17.9953 4.11719 17.9873C4.04593 17.9801 3.9755 17.9685 3.90625 17.9551C3.87036 17.9481 3.83509 17.9392 3.7998 17.9307C3.76005 17.921 3.72058 17.9111 3.68164 17.8994C3.65632 17.8918 3.6314 17.8834 3.60645 17.875C3.56254 17.8602 3.51927 17.8444 3.47656 17.8271C3.44687 17.8152 3.41775 17.8022 3.38867 17.7891C3.35261 17.7728 3.3173 17.7553 3.28223 17.7373C3.25497 17.7233 3.2278 17.7094 3.20117 17.6943C3.16101 17.6717 3.12166 17.648 3.08301 17.623C3.06226 17.6097 3.04178 17.596 3.02148 17.582C2.97696 17.5513 2.93384 17.519 2.8916 17.4854C2.87815 17.4746 2.86379 17.4651 2.85059 17.4541C2.73938 17.3616 2.63745 17.2587 2.54492 17.1475C2.53692 17.1378 2.52933 17.1279 2.52148 17.1182C2.48178 17.0689 2.4439 17.0182 2.4082 16.9658C2.40358 16.959 2.39909 16.9522 2.39453 16.9453C2.3587 16.8915 2.32535 16.8361 2.29395 16.7793C2.28697 16.7667 2.28018 16.754 2.27344 16.7412C2.24856 16.6942 2.22485 16.6465 2.20312 16.5977C2.19265 16.5741 2.18257 16.5503 2.17285 16.5264C2.15235 16.4758 2.13421 16.4243 2.11719 16.3721C2.11273 16.3584 2.10773 16.3449 2.10352 16.3311C2.0853 16.2714 2.06918 16.211 2.05566 16.1494C2.05259 16.1354 2.04872 16.1215 2.0459 16.1074C2.03115 16.0338 2.01943 15.9587 2.01172 15.8828C2.00368 15.8036 2 15.723 2 15.6416V7.55762C2.00002 7.39924 2.01514 7.24432 2.04492 7.09473C2.0505 7.0667 2.05887 7.03938 2.06543 7.01172C2.07658 6.96472 2.08764 6.91793 2.10156 6.87207C2.10959 6.84561 2.11998 6.82 2.12891 6.79395C2.14368 6.75082 2.15862 6.70797 2.17578 6.66602C2.18878 6.63424 2.20345 6.60333 2.21777 6.57227C2.23459 6.53581 2.25094 6.49928 2.26953 6.46387C2.28378 6.43672 2.29919 6.4103 2.31445 6.38379C2.33695 6.34471 2.36013 6.30618 2.38477 6.26855C2.40171 6.24268 2.41958 6.21753 2.4375 6.19238C2.46088 6.15956 2.48478 6.12724 2.50977 6.0957C2.53075 6.06921 2.55214 6.04313 2.57422 6.01758C2.60032 5.98739 2.62672 5.95753 2.6543 5.92871C2.6769 5.90508 2.70007 5.88205 2.72363 5.85938C2.7537 5.83044 2.78484 5.80271 2.81641 5.77539C2.84052 5.75452 2.8647 5.73376 2.88965 5.71387C2.92146 5.68851 2.95418 5.66434 2.9873 5.64062C3.01373 5.6217 3.04016 5.6028 3.06738 5.58496C3.10108 5.56288 3.13603 5.54283 3.1709 5.52246C3.20159 5.50452 3.23212 5.4863 3.26367 5.46973C3.2915 5.45512 3.32017 5.44223 3.34863 5.42871C3.38831 5.40987 3.42789 5.39068 3.46875 5.37402C3.49381 5.36381 3.51944 5.35507 3.54492 5.3457C3.58781 5.32994 3.63079 5.31409 3.6748 5.30078C3.71332 5.28914 3.75267 5.2802 3.79199 5.27051C3.82448 5.2625 3.85665 5.25274 3.88965 5.24609C3.89221 5.24558 3.89489 5.24563 3.89746 5.24512L4.11719 5.21191C4.19618 5.2039 4.27633 5.20021 4.35742 5.2002H5.2002V4.35742C5.20043 3.05481 6.25632 2.00009 7.55762 2H15.6416ZM4.29004 7.22852C4.23726 7.23935 4.18913 7.26262 4.14844 7.29492C4.07112 7.35663 4.02153 7.45109 4.02148 7.55762V15.4727L8.97461 11.3574C9.01183 11.3264 9.05121 11.2988 9.09082 11.2725C9.21488 11.1898 9.34941 11.13 9.48926 11.0928C9.61372 11.0596 9.74187 11.0436 9.87012 11.0469C10.1181 11.0533 10.3659 11.1279 10.583 11.2725L12.7783 12.7363V7.55762C12.7783 7.45084 12.728 7.35661 12.6504 7.29492C12.6098 7.26287 12.5623 7.23931 12.5098 7.22852L12.4414 7.22168H4.3584L4.29004 7.22852ZM7.49023 4.02832C7.44612 4.03737 7.40512 4.05458 7.36914 4.0791C7.31548 4.1155 7.27353 4.1671 7.24805 4.22754C7.23111 4.26781 7.22168 4.31203 7.22168 4.3584V5.2002H12.4414L12.6826 5.21191C13.8711 5.33249 14.7997 6.33618 14.7998 7.55762V12.7803H15.5781C15.6441 12.7802 15.7026 12.7639 15.7539 12.7363C15.8474 12.6857 15.9151 12.5958 15.9502 12.4854C15.9593 12.4566 15.966 12.4266 15.9707 12.3955C15.9753 12.3647 15.9785 12.3331 15.9785 12.3008V4.3584C15.9785 4.32509 15.9719 4.29312 15.9629 4.2627C15.9216 4.12334 15.7943 4.02148 15.6416 4.02148H7.55762C7.53451 4.02149 7.51204 4.02387 7.49023 4.02832ZM6.5166 8.23828C6.56191 8.24288 6.60652 8.24981 6.65039 8.25879C6.69418 8.26774 6.73717 8.2789 6.7793 8.29199C6.86352 8.31818 6.94425 8.35218 7.02051 8.39355C7.21165 8.4972 7.37489 8.64582 7.49609 8.8252C7.52033 8.86108 7.54272 8.89828 7.56348 8.93652C7.66712 9.12737 7.72656 9.34639 7.72656 9.5791C7.72652 9.73736 7.69654 9.88834 7.64648 10.0293C7.62434 10.0917 7.59904 10.1522 7.56836 10.21C7.56185 10.2222 7.55473 10.2341 7.54785 10.2461C7.53324 10.2717 7.51816 10.2968 7.50195 10.3213C7.49446 10.3326 7.48634 10.3434 7.47852 10.3545C7.46293 10.3766 7.44654 10.3979 7.42969 10.4189C7.42027 10.4307 7.41117 10.4427 7.40137 10.4541C7.38275 10.4758 7.36369 10.4971 7.34375 10.5176C7.33362 10.528 7.32296 10.5378 7.3125 10.5479C7.29373 10.5659 7.27467 10.5836 7.25488 10.6006C7.24275 10.611 7.23027 10.6209 7.21777 10.6309C7.19705 10.6474 7.17599 10.6634 7.1543 10.6787C7.14013 10.6887 7.12589 10.6985 7.11133 10.708C7.0883 10.723 7.06499 10.7374 7.04102 10.751C7.03163 10.7563 7.02222 10.7615 7.0127 10.7666C6.98281 10.7826 6.95208 10.7968 6.9209 10.8105C6.9117 10.8146 6.90285 10.8194 6.89355 10.8232C6.85911 10.8375 6.8239 10.8499 6.78809 10.8613C6.78416 10.8626 6.78031 10.864 6.77637 10.8652C6.6506 10.9041 6.51739 10.9267 6.37891 10.9268L6.24121 10.9199C6.10711 10.9063 5.97892 10.8714 5.85938 10.8213C5.85049 10.8176 5.8418 10.8135 5.83301 10.8096C5.8039 10.7966 5.77505 10.7835 5.74707 10.7686C5.73483 10.762 5.72295 10.7549 5.71094 10.748C5.68437 10.7328 5.6582 10.7171 5.63281 10.7002C5.62582 10.6955 5.61921 10.6903 5.6123 10.6855C5.58493 10.6665 5.55808 10.6469 5.53223 10.626C5.52376 10.6191 5.51513 10.6125 5.50684 10.6055C5.48383 10.5859 5.46206 10.565 5.44043 10.5439C5.42937 10.5332 5.41792 10.5228 5.40723 10.5117C5.3927 10.4966 5.37905 10.4807 5.36523 10.4648C5.34634 10.4433 5.32805 10.4212 5.31055 10.3984C5.30345 10.3892 5.2969 10.3796 5.29004 10.3701C5.27309 10.3468 5.25667 10.3232 5.24121 10.2988C5.2341 10.2876 5.22749 10.2761 5.2207 10.2646C5.2068 10.2412 5.19316 10.2177 5.18066 10.1934C5.17356 10.1795 5.16679 10.1655 5.16016 10.1514C5.14926 10.1282 5.1385 10.1049 5.12891 10.0811C5.12155 10.0627 5.11497 10.0441 5.1084 10.0254C5.10091 10.0041 5.09335 9.98274 5.08691 9.96094C5.08292 9.9474 5.07975 9.93363 5.07617 9.91992C5.04776 9.81101 5.03128 9.69698 5.03125 9.5791C5.03125 9.34637 5.09068 9.12738 5.19434 8.93652C5.21509 8.89829 5.23749 8.86108 5.26172 8.8252C5.50391 8.46678 5.91403 8.23145 6.37891 8.23145L6.5166 8.23828Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/graphic-DMZdoJT7.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/graphic.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M18.1434 14.9497L18.3544 14.9717C18.8329 15.0695 19.1923 15.4925 19.1923 16C19.1923 16.5075 18.8329 16.9305 18.3544 17.0283L18.1434 17.0503H2.14294C1.56305 17.0503 1.09265 16.5799 1.09265 16C1.09265 15.4201 1.56305 14.9497 2.14294 14.9497H18.1434ZM4.09265 13V10C4.09265 9.4201 4.56305 8.94971 5.14294 8.94971C5.72284 8.94971 6.19324 9.4201 6.19324 10V13C6.19324 13.5799 5.72284 14.0503 5.14294 14.0503C4.56305 14.0503 4.09265 13.5799 4.09265 13ZM7.39294 13V7C7.39294 6.4201 7.86334 5.94971 8.44324 5.94971C9.023 5.94987 9.49353 6.4202 9.49353 7V13C9.49353 13.5798 9.023 14.0501 8.44324 14.0503C7.86334 14.0503 7.39294 13.5799 7.39294 13ZM10.6932 13V10C10.6932 9.4201 11.1636 8.94971 11.7435 8.94971C12.3231 8.95004 12.7924 9.4203 12.7924 10V13C12.7924 13.5797 12.3231 14.05 11.7435 14.0503C11.1636 14.0503 10.6932 13.5799 10.6932 13ZM13.9935 13V4C13.9935 3.42029 14.4627 2.95001 15.0424 2.94971C15.6223 2.94971 16.0927 3.4201 16.0927 4V13C16.0927 13.5799 15.6223 14.0503 15.0424 14.0503C14.4627 14.05 13.9935 13.5797 13.9935 13Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/{info-fill-DLi4uWHr.js → info-filled-PYbvwGmZ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/info-fill.vue
+//#region src/assets/icons/info-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/lock-filled-Bi_mH2A-.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/assets/icons/lock-filled.vue
+var i = {}, a = {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M12 2.11C13.0609 2.11 14.078 2.53173 14.8281 3.28188C15.5783 4.03202 16 5.04913 16 6.11V9.99965H17C17.7956 9.99965 18.5585 10.3161 19.1211 10.8786C19.6836 11.4411 19.9999 12.2041 20 12.9996V18.9996C20 19.7953 19.6837 20.5591 19.1211 21.1217C18.5585 21.6841 17.7955 21.9996 17 21.9996H7C6.2045 21.9996 5.44149 21.6841 4.87891 21.1217C4.3163 20.5591 4 19.7953 4 18.9996V12.9996C4.00009 12.2041 4.31638 11.4411 4.87891 10.8786C5.4415 10.3161 6.20443 9.99965 7 9.99965H8V6.11C8 5.04913 8.42173 4.03202 9.17188 3.28188C9.92202 2.53173 10.9391 2.11 12 2.11ZM12 13.7496C11.4478 13.7496 11.0002 14.1975 11 14.7496V16.7496C11 17.3019 11.4477 17.7496 12 17.7496C12.5523 17.7496 13 17.3019 13 16.7496V14.7496C12.9998 14.1975 12.5522 13.7496 12 13.7496ZM12 3.99965C11.4554 4.01535 10.9393 4.24678 10.5645 4.64223C10.1896 5.03767 9.98655 5.56531 10 6.11V9.99965H14V6.11C14.0135 5.56531 13.8104 5.03767 13.4355 4.64223C13.0607 4.24678 12.5446 4.01535 12 3.99965Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/{map-outline-DW4V3-Fu.js → map-ChyXZkb4.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/map-outline.vue
+//#region src/assets/icons/map.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{map-DhbQnQS_.js → map-filled-DG4BwVQo.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/map.vue
+//#region src/assets/icons/map-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/package-CT6Qsufx.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/package.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M16.0346 8.64314H3.96539V15.4576C3.96539 15.6106 4.02577 15.7578 4.13397 15.866C4.24218 15.9742 4.38938 16.0346 4.5424 16.0346H15.4576C15.6106 16.0346 15.7578 15.9742 15.866 15.866C15.9742 15.7578 16.0346 15.6106 16.0346 15.4576V8.64314ZM10.9827 6.67912H15.4302L14.2351 4.27788V4.27651C14.1866 4.183 14.1125 4.10533 14.0226 4.05037C13.9309 3.99435 13.8258 3.96467 13.7183 3.96539H10.9827V6.67912ZM6.28713 3.96539C6.18009 3.96518 6.07406 3.99433 5.98287 4.05037C5.89198 4.10631 5.81854 4.18673 5.77043 4.28199L4.57118 6.67912H9.0173V3.96539H6.28713ZM18 15.4576C18 16.1317 17.7325 16.7791 17.2558 17.2558C16.7791 17.7325 16.1317 18 15.4576 18H4.5424C3.86827 18 3.2209 17.7325 2.74422 17.2558C2.26753 16.7791 2 16.1317 2 15.4576V7.66044C2.00007 7.50815 2.03608 7.35809 2.10416 7.22186L4.0161 3.39798C4.2283 2.97708 4.55334 2.6237 4.95494 2.37691C5.35611 2.13038 5.81766 2.00082 6.2885 2.00137L13.7115 2V2.00137C14.1828 1.99938 14.6456 2.12702 15.0478 2.37279C15.4519 2.61975 15.779 2.97507 15.9921 3.39798L15.9949 3.40209L17.8972 7.22323C17.9648 7.35903 17.9999 7.50877 18 7.66044V15.4576Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/picture-CKfJP6Jt.js

@@ -0,0 +1,18 @@
+import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
+import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
+//#region src/components/UiMediaTypeIcon/icons/picture.vue
+var i = {}, a = {
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+function o(e, i) {
+	return r(), t("svg", a, [...i[0] ||= [n("path", {
+		d: "M5.625 5.09998H14.625C14.832 5.09998 15 5.26798 15 5.47498V11.241L12.555 9.61048C12.003 9.24298 11.2755 9.28048 10.7655 9.70498L5.25 14.2875V5.47498C5.25 5.26798 5.418 5.09998 5.625 5.09998ZM14.625 2.84998H5.625C4.176 2.84998 3 4.02448 3 5.47498V14.475C3 15.9255 4.176 17.1 5.625 17.1H14.625C16.074 17.1 17.25 15.9255 17.25 14.475V5.47498C17.25 4.02448 16.074 2.84998 14.625 2.84998ZM7.875 9.22498C8.703 9.22498 9.375 8.55448 9.375 7.72498C9.375 6.89548 8.703 6.22498 7.875 6.22498C7.047 6.22498 6.375 6.89548 6.375 7.72498C6.375 8.55448 7.047 9.22498 7.875 9.22498Z",
+		fill: "currentColor"
+	}, null, -1)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o]]);
+//#endregion
+export { s as default };

package/dist/{play-outline-D9YObuEU.js → play-X3Ob-qza.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/play-outline.vue
+//#region src/assets/icons/play.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",
@@ -9,7 +9,7 @@ var i = {}, a = {
 };
 function o(e, i) {
 	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M8 5.83722V18.0999L17.197 11.7828L8 5.83722ZM6 4.9186C6 3.73013 7.31627 3.01369 8.31435 3.65891L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.97 6 20.2574 6 19.05V4.9186Z",
+		d: "M8 5.83723V18.1L17.197 11.7828L8 5.83723ZM6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z",
 		fill: "currentColor"
 	}, null, -1)]]);
 }

package/dist/{play-fill-DWxSZlrg.js → play-filled-DYyCOR9Y.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/play-fill.vue
+//#region src/assets/icons/play-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",
@@ -9,7 +9,7 @@ var i = {}, a = {
 };
 function o(e, i) {
 	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M6 4.9186C6 3.73013 7.31627 3.01369 8.31435 3.65891L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.97 6 20.2574 6 19.05V4.9186Z",
+		d: "M6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z",
 		fill: "currentColor"
 	}, null, -1)]]);
 }

package/dist/{saved-search-fill-BYPNpEtV.js → saved-search-filled-BTrN8F4r.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/saved-search-fill.vue
+//#region src/assets/icons/saved-search-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/{sidebar-fill-Dg0vb_t2.js → sidebar-filled-LiiR992T.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
 import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/sidebar-fill.vue
+//#region src/assets/icons/sidebar-filled.vue
 var i = {}, a = {
 	width: "24",
 	height: "24",

package/dist/src/assets/icons/{bookmark-fill.vue → bookmark-filled.vue}

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M15.7954 17.7096L17.5 19.4024L17.5 17L17.5 5C17.5 3.89543 16.6046 3 15.5 3L8.5 3C7.39543 3 6.5 3.89543 6.5 5L6.5 17L6.5 19.4024L8.20464 17.7096L12 13.9406L15.7954 17.7096Z"
+      d="M16.3065 18.7205L18 20.3505L18 18L18 5C18 3.89543 17.1046 3 16 3L8 3C6.89543 3 6 3.89543 6 5L6 18L6 20.3505L7.69347 18.7205L12 14.5754L16.3065 18.7205Z"
       fill="currentColor"
       stroke="currentColor"
       stroke-width="2"

package/dist/src/assets/icons/bookmark.vue

@@ -1,15 +1,12 @@
 <template>
   <svg
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M16.3065 18.7205L18 20.3505L18 18L18 5C18 3.89543 17.1046 3 16 3L8 3C6.89543 3 6 3.89543 6 5L6 18L6 20.3505L7.69347 18.7205L12 14.5754L16.3065 18.7205Z"
-      fill="currentColor"
-      stroke="currentColor"
-      stroke-width="2"
+      d="M12.6663 15.134L7.99967 10.6423L3.33301 15.134V3.33337C3.33301 2.22881 4.22844 1.33337 5.33301 1.33337H10.6663C11.7709 1.33337 12.6663 2.2288 12.6663 3.33337V15.134ZM7.99967 8.79171L11.333 12V3.33337C11.333 2.96518 11.0345 2.66671 10.6663 2.66671H5.33301C4.96482 2.66671 4.66634 2.96518 4.66634 3.33337V12L7.99967 8.79171Z"
     />
   </svg>
 </template>

package/dist/src/assets/icons/flag-filled.vue

@@ -1,12 +1,12 @@
 <template>
   <svg
-    width="16"
-    height="18"
-    viewBox="0 0 16 18"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M15.2676 1.67969C14.8056 1.34569 14.2076 1.25069 13.6686 1.42669C13.0926 1.61469 12.3426 1.71369 11.4996 1.71369C10.3756 1.71369 9.39957 1.33069 8.36557 0.925695C7.20357 0.470695 6.00057 -0.000305176 4.49957 -0.000305176C1.61357 -0.000305176 0.495573 0.951695 0.299573 1.14369C0.108573 1.33069 -0.000427246 1.58869 -0.000427246 1.85769V8.99969V12.1427V16.9997C-0.000427246 17.5527 0.447573 17.9997 0.999573 17.9997C1.55257 17.9997 1.99957 17.5527 1.99957 16.9997V12.7017C2.39457 12.5267 3.17257 12.2857 4.49957 12.2857C5.62357 12.2857 6.60057 12.6687 7.63457 13.0747C8.79657 13.5297 9.99857 13.9997 11.4996 13.9997C13.3086 13.9997 14.4226 13.6217 15.0406 13.3047C15.6326 12.9977 15.9996 12.4027 15.9996 11.7487V3.10569C15.9996 2.54569 15.7266 2.01269 15.2676 1.67969Z"
+      d="M19.2676 4.67969C18.8056 4.34569 18.2076 4.25069 17.6686 4.42669C17.0926 4.61469 16.3426 4.71369 15.4996 4.71369C14.3756 4.71369 13.3996 4.33069 12.3656 3.92569C11.2036 3.47069 10.0006 2.99969 8.49957 2.99969C5.61357 2.99969 4.49557 3.95169 4.29957 4.14369C4.10857 4.33069 3.99957 4.58869 3.99957 4.85769V11.9997V15.1427V19.9997C3.99957 20.5527 4.44757 20.9997 4.99957 20.9997C5.55257 20.9997 5.99957 20.5527 5.99957 19.9997V15.7017C6.39457 15.5267 7.17257 15.2857 8.49957 15.2857C9.62357 15.2857 10.6006 15.6687 11.6346 16.0747C12.7966 16.5297 13.9986 16.9997 15.4996 16.9997C17.3086 16.9997 18.4226 16.6217 19.0406 16.3047C19.6326 15.9977 19.9996 15.4027 19.9996 14.7487V6.10569C19.9996 5.54569 19.7266 5.01269 19.2676 4.67969Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/folder-filled.vue

@@ -1,12 +1,12 @@
 <template>
   <svg
-    width="20"
-    height="18"
-    viewBox="0 0 20 18"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M17.5 17.5H2.5C1.122 17.5 0 16.409 0 15.068V2.931C0 1.59 1.122 0.5 2.5 0.5H7.101C7.4 0.5 7.685 0.634 7.875 0.867L10.474 4.046H17.5C18.878 4.046 20 5.136 20 6.478V15.068C20 16.409 18.878 17.5 17.5 17.5Z"
+      d="M19.5 20.5H4.5C3.122 20.5 2 19.409 2 18.068V5.931C2 4.59 3.122 3.5 4.5 3.5H9.101C9.4 3.5 9.685 3.634 9.875 3.867L12.474 7.046H19.5C20.878 7.046 22 8.136 22 9.478V18.068C22 19.409 20.878 20.5 19.5 20.5Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/info-filled.vue

@@ -1,12 +1,12 @@
 <template>
   <svg
-    width="20"
-    height="20"
-    viewBox="0 0 20 20"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M10 7C9.448 7 9 6.552 9 6C9 5.448 9.448 5 10 5C10.552 5 11 5.448 11 6C11 6.552 10.552 7 10 7ZM11 14C11 14.552 10.552 15 10 15C9.448 15 9 14.552 9 14V9C9 8.448 9.448 8 10 8C10.552 8 11 8.448 11 9V14ZM10 0C4.477 0 0 4.477 0 10C0 15.523 4.477 20 10 20C15.522 20 20 15.523 20 10C20 4.477 15.522 0 10 0Z"
+      d="M12 9C11.448 9 11 8.552 11 8C11 7.448 11.448 7 12 7C12.552 7 13 7.448 13 8C13 8.552 12.552 9 12 9ZM13 16C13 16.552 12.552 17 12 17C11.448 17 11 16.552 11 16V11C11 10.448 11.448 10 12 10C12.552 10 13 10.448 13 11V16ZM12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.522 22 22 17.523 22 12C22 6.477 17.522 2 12 2Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/lock-filled.vue

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M16 9.99999H17C17.7956 9.99999 18.5587 10.3161 19.1213 10.8787C19.6839 11.4413 20 12.2043 20 13V19C20 19.7956 19.6839 20.5587 19.1213 21.1213C18.5587 21.6839 17.7956 22 17 22H7C6.20435 22 5.44129 21.6839 4.87868 21.1213C4.31607 20.5587 4 19.7956 4 19V13C4 12.2043 4.31607 11.4413 4.87868 10.8787C5.44129 10.3161 6.20435 9.99999 7 9.99999H8V6.10999C8 5.04912 8.42143 4.0317 9.17157 3.28156C9.92172 2.53141 10.9391 2.10999 12 2.10999C13.0609 2.10999 14.0783 2.53141 14.8284 3.28156C15.5786 4.0317 16 5.04912 16 6.10999V9.99999ZM10.5643 4.64198C10.1894 5.03743 9.98655 5.56528 10 6.10999V9.99999H14V6.10999C14.0135 5.56528 13.8106 5.03743 13.4357 4.64198C13.0609 4.24653 12.5446 4.01569 12 3.99999C11.4554 4.01569 10.9391 4.24653 10.5643 4.64198ZM13 14.75C13 14.1977 12.5523 13.75 12 13.75C11.4477 13.75 11 14.1977 11 14.75V16.75C11 17.3023 11.4477 17.75 12 17.75C12.5523 17.75 13 17.3023 13 16.75V14.75Z"
+      d="M12 2.11C13.0609 2.11 14.078 2.53173 14.8281 3.28188C15.5783 4.03202 16 5.04913 16 6.11V9.99965H17C17.7956 9.99965 18.5585 10.3161 19.1211 10.8786C19.6836 11.4411 19.9999 12.2041 20 12.9996V18.9996C20 19.7953 19.6837 20.5591 19.1211 21.1217C18.5585 21.6841 17.7955 21.9996 17 21.9996H7C6.2045 21.9996 5.44149 21.6841 4.87891 21.1217C4.3163 20.5591 4 19.7953 4 18.9996V12.9996C4.00009 12.2041 4.31638 11.4411 4.87891 10.8786C5.4415 10.3161 6.20443 9.99965 7 9.99965H8V6.11C8 5.04913 8.42173 4.03202 9.17188 3.28188C9.92202 2.53173 10.9391 2.11 12 2.11ZM12 13.7496C11.4478 13.7496 11.0002 14.1975 11 14.7496V16.7496C11 17.3019 11.4477 17.7496 12 17.7496C12.5523 17.7496 13 17.3019 13 16.7496V14.7496C12.9998 14.1975 12.5522 13.7496 12 13.7496ZM12 3.99965C11.4554 4.01535 10.9393 4.24678 10.5645 4.64223C10.1896 5.03767 9.98655 5.56531 10 6.11V9.99965H14V6.11C14.0135 5.56531 13.8104 5.03767 13.4355 4.64223C13.0607 4.24678 12.5446 4.01535 12 3.99965Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/map-filled.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.37124 4.31479C7.86926 2.83176 9.89206 1.99989 12 2C14.1079 1.99989 16.1307 2.83176 17.6288 4.31479C19.1268 5.79782 19.9789 7.81216 20 9.92C20 15.4 13 21.5 12.65 21.76C12.4689 21.9149 12.2384 22.0001 12 22.0001C11.7616 22.0001 11.5311 21.9149 11.35 21.76L11.3484 21.7586C11.0254 21.4787 4 15.3904 4 9.92C4.02108 7.81216 4.87323 5.79782 6.37124 4.31479ZM10.0555 12.4101C10.6311 12.7947 11.3078 13 12 13C12.9283 13 13.8185 12.6313 14.4749 11.9749C15.1313 11.3185 15.5 10.4283 15.5 9.5C15.5 8.80777 15.2947 8.13108 14.9101 7.5555C14.5256 6.97993 13.9789 6.53133 13.3394 6.26642C12.6999 6.00151 11.9961 5.9322 11.3172 6.06725C10.6382 6.2023 10.0146 6.53564 9.52513 7.02513C9.03564 7.51461 8.7023 8.13825 8.56725 8.81718C8.4322 9.49612 8.50151 10.1999 8.76642 10.8394C9.03133 11.4789 9.47993 12.0256 10.0555 12.4101ZM13.5 9.5C13.5 10.3284 12.8284 11 12 11C11.1716 11 10.5 10.3284 10.5 9.5C10.5 8.67157 11.1716 8 12 8C12.8284 8 13.5 8.67157 13.5 9.5Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/dist/src/assets/icons/map.vue

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M6.37124 4.31479C7.86926 2.83176 9.89206 1.99989 12 2C14.1079 1.99989 16.1307 2.83176 17.6288 4.31479C19.1268 5.79782 19.9789 7.81216 20 9.92C20 15.4 13 21.5 12.65 21.76C12.4689 21.9149 12.2384 22.0001 12 22.0001C11.7616 22.0001 11.5311 21.9149 11.35 21.76L11.3484 21.7586C11.0254 21.4787 4 15.3904 4 9.92C4.02108 7.81216 4.87323 5.79782 6.37124 4.31479ZM10.0555 12.4101C10.6311 12.7947 11.3078 13 12 13C12.9283 13 13.8185 12.6313 14.4749 11.9749C15.1313 11.3185 15.5 10.4283 15.5 9.5C15.5 8.80777 15.2947 8.13108 14.9101 7.5555C14.5256 6.97993 13.9789 6.53133 13.3394 6.26642C12.6999 6.00151 11.9961 5.9322 11.3172 6.06725C10.6382 6.2023 10.0146 6.53564 9.52513 7.02513C9.03564 7.51461 8.7023 8.13825 8.56725 8.81718C8.4322 9.49612 8.50151 10.1999 8.76642 10.8394C9.03133 11.4789 9.47993 12.0256 10.0555 12.4101ZM13.5 9.5C13.5 10.3284 12.8284 11 12 11C11.1716 11 10.5 10.3284 10.5 9.5C10.5 8.67157 11.1716 8 12 8C12.8284 8 13.5 8.67157 13.5 9.5Z"
+      d="M6.37124 4.31479C7.86926 2.83176 9.89206 1.99989 12 2C14.1079 1.99989 16.1307 2.83176 17.6288 4.31479C19.1268 5.79782 19.9789 7.81216 20 9.92C20 15.4 13 21.5 12.65 21.76C12.4689 21.9149 12.2384 22.0001 12 22.0001C11.7616 22.0001 11.5311 21.9149 11.35 21.76L11.3484 21.7586C11.0254 21.4787 4 15.3904 4 9.92C4.02108 7.81216 4.87323 5.79782 6.37124 4.31479ZM6 9.92C6 13.65 10.33 18.06 12 19.65C13.67 18.06 18 13.62 18 9.92C18 8.3287 17.3679 6.80258 16.2426 5.67736C15.1174 4.55214 13.5913 3.92 12 3.92C10.4087 3.92 8.88258 4.55214 7.75736 5.67736C6.63214 6.80258 6 8.3287 6 9.92ZM10.0555 6.58986C10.6311 6.20527 11.3078 6 12 6C12.9283 6 13.8185 6.36875 14.4749 7.02513C15.1313 7.6815 15.5 8.57174 15.5 9.5C15.5 10.1922 15.2947 10.8689 14.9101 11.4445C14.5256 12.0201 13.9789 12.4687 13.3394 12.7336C12.6999 12.9985 11.9961 13.0678 11.3172 12.9327C10.6383 12.7977 10.0146 12.4644 9.52513 11.9749C9.03564 11.4854 8.7023 10.8617 8.56725 10.1828C8.4322 9.50388 8.50152 8.80015 8.76642 8.16061C9.03133 7.52107 9.47993 6.97444 10.0555 6.58986ZM11.1666 10.7472C11.4133 10.912 11.7033 11 12 11C12.3978 11 12.7794 10.842 13.0607 10.5607C13.342 10.2794 13.5 9.89782 13.5 9.5C13.5 9.20333 13.412 8.91332 13.2472 8.66665C13.0824 8.41997 12.8481 8.22771 12.574 8.11418C12.2999 8.00065 11.9983 7.97094 11.7074 8.02882C11.4164 8.0867 11.1491 8.22956 10.9393 8.43934C10.7296 8.64912 10.5867 8.91639 10.5288 9.20736C10.4709 9.49834 10.5007 9.79994 10.6142 10.074C10.7277 10.3481 10.92 10.5824 11.1666 10.7472Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/{play-fill.vue → play-filled.vue}

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M6 4.9186C6 3.73013 7.31627 3.01369 8.31435 3.65891L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.97 6 20.2574 6 19.05V4.9186Z"
+      d="M6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/assets/icons/play.vue

@@ -6,7 +6,7 @@
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M10.3846 18.0028C10.0776 18.0028 9.76759 17.9368 9.47859 17.8008C8.83059 17.4948 8.42859 16.8878 8.42859 16.2148V7.78878C8.42859 7.11578 8.83059 6.50878 9.47859 6.20278C10.2106 5.85778 11.0786 5.95878 11.6876 6.46178L16.7866 10.6758C17.1956 11.0118 17.4286 11.4958 17.4286 12.0018C17.4286 12.5078 17.1956 12.9918 16.7866 13.3278L11.6876 17.5408C11.3196 17.8458 10.8556 18.0028 10.3846 18.0028Z"
+      d="M8 5.83723V18.1L17.197 11.7828L8 5.83723ZM6 4.91861C6 3.73014 7.31627 3.0137 8.31435 3.65892L18.9129 10.5105C19.8119 11.0917 19.8302 12.4005 18.9478 13.0066L8.34926 20.2864C7.35396 20.9701 6 20.2575 6 19.05V4.91861Z"
       fill="currentColor"
     />
   </svg>

package/dist/src/components/DpaMediaItem/DpaMediaItem.spec.ts

@@ -74,7 +74,7 @@ describe("DpaMediaItem", () => {
     });
 
     const rootDiv = wrapper.find('[data-testid="rootDiv"]');
-    expect(rootDiv.classes("border-gray-300")).toBe(true);
+    expect(rootDiv.classes("border-neutral-faint")).toBe(true);
   });
 
   it("renders images with the correct source", () => {

package/dist/src/components/DpaMediaItem/DpaMediaItem.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="mb-px w-full bg-white pt-2 pr-4 pb-3 pl-3 md:pt-3"
+    class="mb-px w-full bg-neutral pt-2 pr-4 pb-3 pl-3 md:pt-3"
     :class="classObject"
     data-testid="rootDiv"
   >
@@ -18,15 +18,15 @@
           <UiIcon
             size="sm"
             :name="genreIcon"
-            class="mr-2 shrink-0 fill-current text-gray-700"
+            class="mr-2 shrink-0 fill-current text-neutral-subtle"
           />
-          <span class="text-xs font-medium text-gray-900">
+          <span class="text-xs font-medium text-neutral-primary">
             <slot name="description" />
           </span>
         </div>
         <span
           v-if="$slots.planning"
-          class="w-16 shrink-0 text-right text-xs text-gray-700"
+          class="w-16 shrink-0 text-right text-xs text-neutral-subtle"
           ><slot name="planning"
         /></span>
       </div>
@@ -42,7 +42,7 @@
             />
             <span
               v-if="imgCount > 1"
-              class="absolute right-1 bottom-1 inline-block h-4 rounded-full bg-gray-900 px-1 align-middle text-xs/4 font-semibold text-white"
+              class="absolute right-1 bottom-1 inline-block h-4 rounded-full bg-neutral-primary px-1 align-middle text-xs/4 font-semibold text-neutral"
               data-testid="imageCount"
               >{{ imgCount }}</span
             >
@@ -63,7 +63,7 @@
         <!-- Text length -->
         <span
           v-if="$slots.textLength"
-          class="text-xs text-gray-700"
+          class="text-xs text-neutral-subtle"
           :class="!isFulfilled ? 'ml-6' : ''"
           ><slot name="textLength"
         /></span>
@@ -72,7 +72,7 @@
       <!-- Time published -->
       <span
         v-if="$slots.timePublished"
-        class="pt-1 text-xs font-medium text-gray-700"
+        class="pt-1 text-xs font-medium text-neutral-subtle"
         ><slot name="timePublished"
       /></span>
     </div>
@@ -131,8 +131,8 @@ const classObject = computed(() => {
     return "cursor-auto";
   }
   return props.disabled
-    ? "cursor-not-allowed transition shadow-sm border border-gray-300"
-    : "cursor-pointer transition shadow-sm hover:shadow-md group border border-gray-300 hover:border-gray-500";
+    ? "cursor-not-allowed transition shadow-sm border border-neutral-faint"
+    : "cursor-pointer transition shadow-sm hover:shadow-md group border border-neutral-faint hover:border-neutral-muted";
 });
 
 onMounted(() => {

package/dist/src/components/UiButton/UiButton.spec.ts

@@ -67,23 +67,6 @@ describe("UiButton", () => {
     expect(wrapper.classes("h-12")).toBe(true);
   });
 
-  test("should render blue config as default when no color prop is defined", () => {
-    const wrapper = createWrapper();
-    expect(wrapper.classes("bg-blue-600"));
-    expect(wrapper.classes("text-white"));
-  });
-
-  test("should render gray when gray as color prop is set", () => {
-    const wrapper = createWrapper({
-      props: {
-        color: "gray",
-      },
-    });
-    expect(wrapper.classes("text-white"));
-    expect(wrapper.classes("bg-gray-700"));
-    expect(wrapper.classes("hover:bg-gray-800"));
-  });
-
   test("should disable button when prop is set", () => {
     const wrapper = createWrapper({
       props: {

package/dist/src/components/UiButton/UiButton.vue

@@ -3,7 +3,7 @@
     :is="typeof to === 'string' ? 'a' : to ? 'RouterLink' : 'button'"
     :class="
       cn(
-        'UiButton inline-flex items-center justify-center gap-2 rounded-full border align-middle leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:outline-blue disabled:cursor-not-allowed',
+        'UiButton inline-flex items-center justify-center gap-2 rounded-full border align-middle leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:focus-outline disabled:cursor-not-allowed',
         appearanceClasses,
         BUTTON_SIZE_CLASSES[size],
         $attrs.class,

package/dist/src/components/UiButtonGroup/UiButtonGroup.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex *:rounded-none *:border *:border-r-0 *:border-gray-300 [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r"
+    class="flex *:rounded-none *:border *:border-r-0 *:border-neutral-faint [&>*:first-child]:rounded-l-full [&>*:last-child]:rounded-r-full [&>*:last-child]:border-r"
   >
     <slot />
   </div>

package/dist/src/components/UiCard/UiCard.vue

@@ -1,6 +1,6 @@
 <template>
   <li
-    class="mb-4 rounded-2xl bg-gray-100 px-8 py-4 text-sm font-medium sm:w-full md:mr-7 md:w-[45.5%] lg:mr-8 lg:w-[46.5%]"
+    class="mb-4 rounded-2xl bg-neutral-whisper px-8 py-4 text-sm font-medium sm:w-full md:mr-7 md:w-[45.5%] lg:mr-8 lg:w-[46.5%]"
   >
     <slot></slot>
   </li>

package/dist/src/components/UiCollapseNavigation/UiCollapseNavigation.vue

@@ -1,16 +1,18 @@
 <template>
-  <div :class="hasBorderTop ? 'border-t border-t-gray-300' : ''" />
+  <div :class="hasBorderTop ? 'border-t border-t-neutral-faint' : ''" />
   <UiButton
     appearance="secondary"
     class="flex w-full justify-between border-none"
     @click="toggleMenuHandler"
   >
-    <h3 class="text-xs font-semibold tracking-widest text-gray-700 uppercase">
+    <h3
+      class="text-xs font-semibold tracking-widest text-neutral-subtle uppercase"
+    >
       {{ headline }}
     </h3>
     <UiIcon
       name="chevron-down"
-      class="rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300"
+      class="rounded-full text-neutral-subtle transition-transform duration-500 hover:bg-neutral-faint"
       :class="{ 'rotate-180': openMenu }"
     />
   </UiButton>

package/dist/src/components/UiColorPicker/UiColorPicker.stories.ts

@@ -33,7 +33,7 @@ export const Default: Story = {
   render: (args) => ({
     components: { UiColorPicker, UiLabel },
     template: `
-      <UiLabel class="inline-block mb-2 text-xs text-gray-700">Farbe wählen</UiLabel>
+      <UiLabel class="inline-block mb-2 text-xs text-neutral-subtle">Farbe wählen</UiLabel>
       <UiColorPicker v-model="color" />
     `,
     setup() {

package/dist/src/components/UiDatePicker/UiDatePicker.vue

@@ -64,21 +64,27 @@
     >
       <template #dp-input="{ value }">
         <UiButton
-          class="flex flex-none items-center justify-between"
+          class="flex justify-between"
           :class="{
             'border-neutral-subtle': internalIsOpen,
-            'w-full': triggerWidth == 'full',
+            'w-full min-w-0': triggerWidth === 'full',
+            'flex-none': triggerWidth === 'fit',
           }"
           :appearance="value ? 'primary' : 'secondary-alt'"
           :disabled
           size="sm"
           data-testid="datepicker-trigger"
         >
-          <div class="flex items-center gap-2">
-            <UiIcon v-if="leftTriggerIcon" :name="leftTriggerIcon" size="sm" />
-            {{ value || triggerPlaceholderText }}
+          <div class="flex min-w-0 items-center gap-2">
+            <UiIcon
+              v-if="leftTriggerIcon"
+              class="shrink-0"
+              :name="leftTriggerIcon"
+              size="sm"
+            />
+            <span class="truncate">{{ value || triggerPlaceholderText }}</span>
           </div>
-          <UiIcon name="chevron-down" size="sm" />
+          <UiIcon class="shrink-0" name="chevron-down" size="sm" />
         </UiButton>
       </template>
       <template v-if="leftSidebar" #left-sidebar>

package/dist/src/components/UiFilterBadge/UiFilterBadge.vue

@@ -4,7 +4,7 @@
       class="mr-1 shrink-0"
       :style="{ color: iconColor }"
       :size="size"
-      :name="iconIsFilled ? 'saved-search-fill' : 'saved-search'"
+      :name="iconIsFilled ? 'saved-search-filled' : 'saved-search'"
     />
     <div
       :class="textSizeClass"

package/dist/src/components/UiFilterButton/UiFilterButton.spec.ts

@@ -46,7 +46,7 @@ describe("UiFilterBadge", () => {
         variant: "blue-rounded",
       },
     });
-    expect(wrapper.classes("bg-blue-default")).toBe(true);
+    expect(wrapper.classes("bg-primary")).toBe(true);
   });
 
   it("emits click event", async () => {