@dpa-id-components/dpa-shared-components 7.2.1 → 8.0.0

package/README.md

@@ -6,6 +6,9 @@ Collection of vue 3 components for usage across dpa projects.
 
 This project requires a node version of 16.x or higher
 
+You need to add and integrate the Inter font that can be found in `src/assets/fonts` to your project manually.
+An example how the CSS could look can be found in `src/tailwind/fonts.css`
+
 ### Notes
 
 This project uses Typescript version >= 5.0. This upgrade included changes to the module resolution, which are not yet

package/dist/alert-c8e2ae08.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const C = {
+  viewBox: "0 0 40 40",
+  xmlns: "http://www.w3.org/2000/svg"
+}, n = /* @__PURE__ */ o("path", { d: "M20 25C20.92 25 21.6667 25.7467 21.6667 26.6667C21.6667 27.5867 20.92 28.3334 20 28.3334C19.08 28.3334 18.3334 27.5867 18.3334 26.6667C18.3334 25.7467 19.08 25 20 25ZM20 11.6667C20.92 11.6667 21.6667 12.4134 21.6667 13.3334V21.6667C21.6667 22.5867 20.92 23.3334 20 23.3334C19.08 23.3334 18.3334 22.5867 18.3334 21.6667V13.3334C18.3334 12.4134 19.08 11.6667 20 11.6667ZM20 33.3334C12.6484 33.3334 6.66671 27.3517 6.66671 20C6.66671 12.6484 12.6484 6.66671 20 6.66671C27.3517 6.66671 33.3334 12.6484 33.3334 20C33.3334 27.3517 27.3517 33.3334 20 33.3334ZM20 3.33337C10.795 3.33337 3.33337 10.795 3.33337 20C3.33337 29.205 10.795 36.6667 20 36.6667C29.205 36.6667 36.6667 29.205 36.6667 20C36.6667 10.795 29.205 3.33337 20 3.33337Z" }, null, -1), r = [
+  n
+];
+function c(s, l) {
+  return e(), t("svg", C, r);
+}
+const _ = { render: c };
+export {
+  _ as default,
+  c as render
+};

package/dist/arrow-left-93c1cdc7.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const C = {
+  viewBox: "0 0 12 10",
+  xmlns: "http://www.w3.org/2000/svg"
+}, n = /* @__PURE__ */ o("path", { d: "M10.6667 5.66667H2.75671L5.17871 8.57334C5.41471 8.856 5.37604 9.27667 5.09337 9.512C4.81004 9.748 4.39004 9.70934 4.15404 9.42667L0.820708 5.42667C0.794708 5.39534 0.782041 5.35867 0.762708 5.324C0.746707 5.296 0.727375 5.272 0.715375 5.24134C0.685374 5.16467 0.667375 5.084 0.667375 5.00267C0.667375 5.002 0.666708 5.00067 0.666708 5C0.666708 4.99934 0.667375 4.998 0.667375 4.99734C0.667375 4.916 0.685374 4.83534 0.715375 4.75867C0.727375 4.728 0.746707 4.704 0.762708 4.676C0.782041 4.64134 0.794708 4.60467 0.820708 4.57334L4.15404 0.573336C4.28671 0.415336 4.47604 0.333336 4.66671 0.333336C4.81737 0.333336 4.96871 0.384002 5.09337 0.488002C5.37604 0.723336 5.41471 1.144 5.17871 1.42667L2.75671 4.33334H10.6667C11.0347 4.33334 11.3334 4.632 11.3334 5C11.3334 5.368 11.0347 5.66667 10.6667 5.66667Z" }, null, -1), r = [
+  n
+];
+function c(s, d) {
+  return e(), t("svg", C, r);
+}
+const _ = { render: c };
+export {
+  _ as default,
+  c as render
+};

package/dist/arrow-right-caf216c1.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const C = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20"
+}, n = /* @__PURE__ */ o("path", { d: "M4.16671 10.8333H14.0542L11.0267 14.4666C10.7317 14.82 10.78 15.3458 11.1334 15.64C11.4875 15.935 12.0125 15.8866 12.3075 15.5333L16.4742 10.5333C16.5067 10.4941 16.5225 10.4483 16.5467 10.405C16.5667 10.37 16.5909 10.34 16.6059 10.3016C16.6434 10.2058 16.6659 10.105 16.6659 10.0033C16.6659 10.0025 16.6667 10.0008 16.6667 9.99996C16.6667 9.99913 16.6659 9.99746 16.6659 9.99663C16.6659 9.89496 16.6434 9.79413 16.6059 9.69829C16.5909 9.65996 16.5667 9.62996 16.5467 9.59496C16.5225 9.55163 16.5067 9.50579 16.4742 9.46663L12.3075 4.46663C12.1417 4.26913 11.905 4.16663 11.6667 4.16663C11.4784 4.16663 11.2892 4.22996 11.1334 4.35996C10.78 4.65413 10.7317 5.17996 11.0267 5.53329L14.0542 9.16663H4.16671C3.70671 9.16663 3.33337 9.53996 3.33337 9.99996C3.33337 10.46 3.70671 10.8333 4.16671 10.8333Z" }, null, -1), r = [
+  n
+];
+function c(s, d) {
+  return e(), t("svg", C, r);
+}
+const _ = { render: c };
+export {
+  _ as default,
+  c as render
+};

package/dist/audio-f02c6683.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}, r = /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M12 6.66671C12.3687 6.66671 12.6667 6.96537 12.6667 7.33337C12.6667 9.68004 10.9247 11.6214 8.66668 11.9467V13.4708C8.66668 13.839 8.3682 14.1375 8.00001 14.1375C7.63182 14.1375 7.33334 13.839 7.33334 13.4708V11.9467C5.07534 11.6214 3.33334 9.68004 3.33334 7.33337C3.33334 6.96537 3.63134 6.66671 4.00001 6.66671C4.36868 6.66671 4.66668 6.96537 4.66668 7.33337C4.66668 9.17137 6.16201 10.6667 8.00001 10.6667C9.83801 10.6667 11.3333 9.17137 11.3333 7.33337C11.3333 6.96537 11.6313 6.66671 12 6.66671ZM10.1667 7.33337C10.1667 8.5279 9.19453 9.50004 8.00001 9.50004C6.80549 9.50004 5.83334 8.5279 5.83334 7.33337V5.00004C5.83334 3.80552 6.80549 2.83337 8.00001 2.83337C9.19453 2.83337 10.1667 3.80552 10.1667 5.00004V7.33337Z"
+}, null, -1), C = [
+  r
+];
+function c(d, l) {
+  return e(), o("svg", n, C);
+}
+const i = { render: c };
+export {
+  i as default,
+  c as render
+};

package/dist/audio-inline-92256dc7.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}, l = /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M12 6.66671C12.3687 6.66671 12.6667 6.96537 12.6667 7.33337C12.6667 9.68004 10.9247 11.6214 8.66668 11.9467V13.4708C8.66668 13.839 8.3682 14.1375 8.00001 14.1375C7.63182 14.1375 7.33334 13.839 7.33334 13.4708V11.9467C5.07534 11.6214 3.33334 9.68004 3.33334 7.33337C3.33334 6.96537 3.63134 6.66671 4.00001 6.66671C4.36868 6.66671 4.66668 6.96537 4.66668 7.33337C4.66668 9.17137 6.16201 10.6667 8.00001 10.6667C9.83801 10.6667 11.3333 9.17137 11.3333 7.33337C11.3333 6.96537 11.6313 6.66671 12 6.66671ZM10.1667 7.33337C10.1667 8.5279 9.19453 9.50004 8.00001 9.50004C6.80549 9.50004 5.83334 8.5279 5.83334 7.33337V5.00004C5.83334 3.80552 6.80549 2.83337 8.00001 2.83337C9.19453 2.83337 10.1667 3.80552 10.1667 5.00004V7.33337Z"
+}, null, -1), r = [
+  l
+];
+function C(c, d) {
+  return e(), o("svg", n, r);
+}
+const i = { render: C };
+export {
+  i as default,
+  C as render
+};

package/dist/checklist-e548cc3a.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as C, createElementVNode as t } from "vue";
+const o = {
+  viewBox: "0 0 20 22",
+  xmlns: "http://www.w3.org/2000/svg"
+}, n = /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M2.2 2.90749C2.2 2.728 2.34551 2.58249 2.525 2.58249H13.575C13.7545 2.58249 13.9 2.728 13.9 2.90749V12.9649C13.9 13.5034 14.3365 13.9399 14.875 13.9399C15.4135 13.9399 15.85 13.5034 15.85 12.9649V2.90749C15.85 1.65105 14.8315 0.632492 13.575 0.632492H2.525C1.26855 0.632492 0.25 1.65105 0.25 2.90749V17.8575C0.25 19.114 1.26855 20.1325 2.525 20.1325H6.64708C7.18556 20.1325 7.62208 19.696 7.62208 19.1575C7.62208 18.619 7.18556 18.1825 6.64708 18.1825H2.525C2.34551 18.1825 2.2 18.037 2.2 17.8575V2.90749ZM5.125 5.8325C4.58653 5.8325 4.15 6.26902 4.15 6.8075C4.15 7.34597 4.58653 7.7825 5.125 7.7825H10.975C11.5135 7.7825 11.95 7.34597 11.95 6.8075C11.95 6.26902 11.5135 5.8325 10.975 5.8325H5.125ZM4.15 10.7075C4.15 10.169 4.58653 9.7325 5.125 9.7325H7.725C8.26348 9.7325 8.70001 10.169 8.70001 10.7075C8.70001 11.246 8.26348 11.6825 7.725 11.6825H5.125C4.58653 11.6825 4.15 11.246 4.15 10.7075ZM19.4562 15.3051C19.8414 14.9289 19.8488 14.3115 19.4726 13.9263C19.0964 13.541 18.479 13.5337 18.0938 13.9099L12.8604 19.0206L11.0157 17.1693C10.6356 16.7879 10.0182 16.7868 9.6368 17.1668C9.25537 17.5469 9.25427 18.1643 9.63435 18.5457L12.1603 21.0807C12.5377 21.4594 13.1498 21.4636 13.5322 21.0901L19.4562 15.3051Z"
+}, null, -1), c = [
+  n
+];
+function l(r, d) {
+  return e(), C("svg", o, c);
+}
+const i = { render: l };
+export {
+  i as default,
+  l as render
+};

package/dist/checkmark-d41d01ff.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 23 16",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ o("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M8.65085 16C8.28285 16 7.93085 15.848 7.67885 15.58L1.19485 8.67467C0.689517 8.13867 0.717517 7.29467 1.25352 6.79067C1.79085 6.28667 2.63485 6.31333 3.13752 6.84933L8.63752 12.704L19.8482 0.434667C20.3468 -0.110666 21.1895 -0.146666 21.7335 0.349334C22.2762 0.845334 22.3135 1.68933 21.8175 2.232L9.63485 15.5653C9.38552 15.84 9.03085 15.9973 8.66018 16H8.65085Z"
+}, null, -1), r = [
+  c
+];
+function l(d, s) {
+  return e(), t("svg", n, r);
+}
+const _ = { render: l };
+export {
+  _ as default,
+  l as render
+};

package/dist/chevron-left-b66f074e.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ o("path", { d: "M13.3623 17C13.1003 17 12.8393 16.898 12.6433 16.695L8.7803 12.695C8.4023 12.302 8.4073 11.679 8.7933 11.293L12.7933 7.29301C13.1833 6.90201 13.8163 6.90201 14.2073 7.29301C14.5973 7.68401 14.5973 8.31601 14.2073 8.70701L10.9023 12.012L14.0813 15.305C14.4653 15.703 14.4543 16.336 14.0573 16.719C13.8623 16.907 13.6123 17 13.3623 17Z" }, null, -1), r = [
+  c
+];
+function s(d, l) {
+  return e(), t("svg", n, r);
+}
+const h = { render: s };
+export {
+  h as default,
+  s as render
+};

package/dist/chevron-right-b589ab17.mjs

@@ -0,0 +1,17 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+const n = /* @__PURE__ */ e("svg", {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ e("path", { d: "M10.5 17C10.244 17 9.988 16.902 9.793 16.707C9.402 16.316 9.402 15.684 9.793 15.293L13.098 11.988L9.918 8.695C9.535 8.297 9.546 7.664 9.943 7.281C10.341 6.898 10.974 6.909 11.357 7.305L15.219 11.305C15.598 11.698 15.593 12.321 15.207 12.707L11.207 16.707C11.012 16.902 10.756 17 10.5 17Z" })
+], -1), r = [
+  n
+];
+function c(l, s) {
+  return t(), o("template", null, r);
+}
+const d = { render: c };
+export {
+  d as default,
+  c as render
+};

package/dist/chevron-up-6418abb0.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ o("path", { d: "M9.00002 6.5C8.74402 6.5 8.48802 6.402 8.29302 6.207L4.98802 2.902L1.69502 6.082C1.29702 6.466 0.665022 6.456 0.281022 6.057C-0.102978 5.66 -0.0919781 5.026 0.305022 4.643L4.30502 0.781002C4.69802 0.402002 5.32202 0.407002 5.70702 0.793002L9.70702 4.793C10.098 5.184 10.098 5.816 9.70702 6.207C9.51202 6.402 9.25602 6.5 9.00002 6.5Z" }, null, -1), r = [
+  c
+];
+function s(d, l) {
+  return e(), t("svg", n, r);
+}
+const h = { render: s };
+export {
+  h as default,
+  s as render
+};

package/dist/clock-02be24f4.mjs

@@ -0,0 +1,19 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 40 40"
+}, c = /* @__PURE__ */ t("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M26.6667 18.3333H21.6667V13.3333C21.6667 12.4116 20.92 11.6666 20 11.6666C19.08 11.6666 18.3334 12.4116 18.3334 13.3333V20C18.3334 20.9216 19.08 21.6666 20 21.6666H26.6667C27.5884 21.6666 28.3334 20.9216 28.3334 20C28.3334 19.0783 27.5884 18.3333 26.6667 18.3333ZM20 33.3333C12.6484 33.3333 6.66671 27.3516 6.66671 20C6.66671 12.6483 12.6484 6.66665 20 6.66665C27.3517 6.66665 33.3334 12.6483 33.3334 20C33.3334 27.3516 27.3517 33.3333 20 33.3333ZM20 3.33331C10.81 3.33331 3.33337 10.81 3.33337 20C3.33337 29.19 10.81 36.6666 20 36.6666C29.19 36.6666 36.6667 29.19 36.6667 20C36.6667 10.81 29.19 3.33331 20 3.33331Z"
+}, null, -1), l = [
+  c
+];
+function r(C, d) {
+  return e(), o("svg", n, l);
+}
+const i = { render: r };
+export {
+  i as default,
+  r as render
+};

package/dist/close-5d26c1d1.mjs

@@ -0,0 +1,15 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, c = /* @__PURE__ */ o("path", { d: "M8.94271 8.00004L11.8047 5.13804C12.0654 4.87738 12.0654 4.45604 11.8047 4.19538C11.544 3.93471 11.1227 3.93471 10.862 4.19538L8.00004 7.05738L5.13804 4.19538C4.87738 3.93471 4.45604 3.93471 4.19538 4.19538C3.93471 4.45604 3.93471 4.87738 4.19538 5.13804L7.05738 8.00004L4.19538 10.862C3.93471 11.1227 3.93471 11.544 4.19538 11.8047C4.32538 11.9347 4.49604 12 4.66671 12C4.83738 12 5.00804 11.9347 5.13804 11.8047L8.00004 8.94271L10.862 11.8047C10.992 11.9347 11.1627 12 11.3334 12C11.504 12 11.6747 11.9347 11.8047 11.8047C12.0654 11.544 12.0654 11.1227 11.8047 10.862L8.94271 8.00004Z" }, null, -1), r = [
+  c
+];
+function s(C, l) {
+  return e(), t("svg", n, r);
+}
+const L = { render: s };
+export {
+  L as default,
+  s as render
+};

package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts

@@ -818,7 +818,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -845,7 +845,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -858,7 +858,7 @@ declare const meta: {
                 size: "small" | "medium" | "large" | "xl";
                 title: string;
                 disabled: boolean;
-                backgroundColor: "blue" | "none";
+                backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "white" | "gray";
             }, {}>;
             UiBadge: {

package/dist/components/UiDatePickerMobile/UiDatePickerMobile.vue.d.ts

@@ -0,0 +1,279 @@
+import type { PropType as __PropType } from 'vue';
+export interface PresetRange {
+    label: string;
+    range: Date[] | string[];
+    style?: Record<string, string>;
+    slot?: string;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    definesRange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    multiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    showMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    independentMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    enableTimePicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    autoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    closeOnAutoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    roundedEdges: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    locale: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    inputLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    mobileOverlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    quickFilterRanges: {
+        type: __PropType<PresetRange[] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    quickFilterHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    overlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    selectedDate: {
+        type: __PropType<Date | [Date, Date] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    autoPosition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    leftSidebar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hasHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    firstAvailableDate: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    maxDate: {
+        type: __PropType<Date | undefined>;
+        required: false;
+        default: Date;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    autoRange: {
+        type: __PropType<number | null>;
+        required: true;
+        default: null;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "date-changed")[], "close" | "date-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    definesRange: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    multiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    showMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    independentMultiCalendars: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    enableTimePicker: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    autoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    closeOnAutoApply: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    roundedEdges: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    locale: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    placeholderText: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    inputLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    mobileOverlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    quickFilterRanges: {
+        type: __PropType<PresetRange[] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    quickFilterHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    overlayHeadline: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    selectedDate: {
+        type: __PropType<Date | [Date, Date] | null | undefined>;
+        required: false;
+        default: null;
+    };
+    autoPosition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    leftSidebar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    hasHeader: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    firstAvailableDate: {
+        type: __PropType<number | undefined>;
+        required: false;
+        default: number;
+    };
+    maxDate: {
+        type: __PropType<Date | undefined>;
+        required: false;
+        default: Date;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    autoRange: {
+        type: __PropType<number | null>;
+        required: true;
+        default: null;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onDate-changed"?: ((...args: any[]) => any) | undefined;
+}, {
+    definesRange: boolean | undefined;
+    multiCalendars: boolean | undefined;
+    enableTimePicker: boolean | undefined;
+    autoApply: boolean | undefined;
+    closeOnAutoApply: boolean | undefined;
+    roundedEdges: boolean | undefined;
+    locale: string | undefined;
+    placeholderText: string | undefined;
+    quickFilterRanges: PresetRange[] | null | undefined;
+    quickFilterHeadline: string | undefined;
+    overlayHeadline: string | undefined;
+    selectedDate: Date | [Date, Date] | null | undefined;
+    autoPosition: boolean | undefined;
+    leftSidebar: boolean | undefined;
+    cancel: string | undefined;
+    submit: string | undefined;
+    hasHeader: boolean | undefined;
+    firstAvailableDate: number | undefined;
+    maxDate: Date | undefined;
+    autoRange: number | null;
+    showMultiCalendars: boolean | undefined;
+    independentMultiCalendars: boolean | undefined;
+    inputLabel: string | undefined;
+    mobileOverlayHeadline: string | undefined;
+}>;
+export default _sfc_main;

package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts

@@ -372,7 +372,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -399,7 +399,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -412,7 +412,7 @@ declare const meta: {
                 size: "small" | "medium" | "large" | "xl";
                 title: string;
                 disabled: boolean;
-                backgroundColor: "blue" | "none";
+                backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "white" | "gray";
             }, {}>;
         };

package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts

@@ -372,7 +372,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -399,7 +399,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -412,7 +412,7 @@ declare const meta: {
                 size: "small" | "medium" | "large" | "xl";
                 title: string;
                 disabled: boolean;
-                backgroundColor: "blue" | "none";
+                backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "white" | "gray";
             }, {}>;
         };

package/dist/components/UiIconButton/UiIconButton.stories.d.ts

@@ -19,7 +19,7 @@ declare const meta: {
             default: boolean;
         };
         backgroundColor: {
-            type: import("vue").PropType<"blue" | "none">;
+            type: import("vue").PropType<"blue" | "none" | "gray-hover">;
             default: string;
         };
         iconColor: {
@@ -46,7 +46,7 @@ declare const meta: {
             default: boolean;
         };
         backgroundColor: {
-            type: import("vue").PropType<"blue" | "none">;
+            type: import("vue").PropType<"blue" | "none" | "gray-hover">;
             default: string;
         };
         iconColor: {
@@ -59,7 +59,7 @@ declare const meta: {
         size: "small" | "medium" | "large" | "xl";
         title: string;
         disabled: boolean;
-        backgroundColor: "blue" | "none";
+        backgroundColor: "blue" | "none" | "gray-hover";
         iconColor: "blue" | "white" | "gray";
     }, {}>;
     argTypes: {
@@ -109,7 +109,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -136,7 +136,7 @@ declare const meta: {
                     default: boolean;
                 };
                 backgroundColor: {
-                    type: import("vue").PropType<"blue" | "none">;
+                    type: import("vue").PropType<"blue" | "none" | "gray-hover">;
                     default: string;
                 };
                 iconColor: {
@@ -149,7 +149,7 @@ declare const meta: {
                 size: "small" | "medium" | "large" | "xl";
                 title: string;
                 disabled: boolean;
-                backgroundColor: "blue" | "none";
+                backgroundColor: "blue" | "none" | "gray-hover";
                 iconColor: "blue" | "white" | "gray";
             }, {}>;
         };