@dpa-id-components/dpa-shared-components 0.15.7 → 1.0.1

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/components/UiButton/UiButton.vue.d.ts

@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     color: {
-        type: __PropType<"blue" | "white" | "gray" | undefined>;
+        type: __PropType<"blue" | "white" | "transparent" | "gray" | "light-gray" | undefined>;
         required: false;
         default: string;
     };
@@ -42,7 +42,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     color: {
-        type: __PropType<"blue" | "white" | "gray" | undefined>;
+        type: __PropType<"blue" | "white" | "transparent" | "gray" | "light-gray" | undefined>;
         required: false;
         default: string;
     };
@@ -64,7 +64,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    color: "blue" | "white" | "gray" | undefined;
+    color: "blue" | "white" | "transparent" | "gray" | "light-gray" | undefined;
     iconName: string | null | undefined;
     size: "small" | "xs" | "medium" | "large" | undefined;
     disabled: boolean | undefined;

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

@@ -0,0 +1,257 @@
+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[] | 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;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, 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[] | 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;
+    };
+    cancel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    submit: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    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[] | null | undefined;
+    autoPosition: boolean | undefined;
+    leftSidebar: boolean | undefined;
+    cancel: string | undefined;
+    submit: string | undefined;
+    hasHeader: boolean | undefined;
+    firstAvailableDate: number | undefined;
+    showMultiCalendars: boolean | undefined;
+    independentMultiCalendars: boolean | undefined;
+    inputLabel: string | undefined;
+    mobileOverlayHeadline: string | undefined;
+}>;
+export default _sfc_main;

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

@@ -85,6 +85,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    inputStatus: {
+        type: __PropType<"default" | "info" | "readonly" | "warning" | "error" | undefined>;
+        required: false;
+        default: string;
+    };
 }, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "keyup")[], "input" | "focus" | "blur" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -173,6 +178,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    inputStatus: {
+        type: __PropType<"default" | "info" | "readonly" | "warning" | "error" | undefined>;
+        required: false;
+        default: string;
+    };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -196,5 +206,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isTextarea: boolean | undefined;
     hasInfo: boolean | undefined;
     infoText: string | undefined;
+    inputStatus: "default" | "info" | "readonly" | "warning" | "error" | undefined;
 }>;
 export default _sfc_main;

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

@@ -35,6 +35,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: null;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -76,6 +81,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: null;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -87,6 +97,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     value: any;
     iconName: string | null | undefined;
     disabled: boolean | undefined;
+    iconSize: "small" | "medium" | "large" | undefined;
     checkBoxMenu: boolean | undefined;
     isChecked: boolean | undefined;
     selected: boolean | undefined;

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

@@ -28,6 +28,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
     buttonVariant: {
         type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
         required: false;
@@ -67,6 +72,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
     buttonVariant: {
         type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
         required: false;
@@ -83,6 +93,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     "onOption-selected"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean | undefined;
+    iconSize: "small" | "medium" | "large" | undefined;
     isOpen: boolean | undefined;
     defaultTitle: string | undefined;
     multiLabel: string | undefined;

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

@@ -15,6 +15,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: null;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "action-click")[], "input" | "action-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isShown: {
         type: __PropType<boolean | undefined>;
@@ -31,11 +36,17 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: null;
     };
+    iconSize: {
+        type: __PropType<"small" | "medium" | "large" | undefined>;
+        required: false;
+        default: string;
+    };
 }>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     "onAction-click"?: ((...args: any[]) => any) | undefined;
 }, {
     iconName: string | null | undefined;
+    iconSize: "small" | "medium" | "large" | undefined;
     isShown: boolean | undefined;
     position: "left" | "right" | undefined;
 }>;

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

@@ -20,6 +20,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    labelPosition: {
+        type: __PropType<"left" | "right" | undefined>;
+        required: false;
+        default: string;
+    };
+    color: {
+        type: __PropType<"blue" | "green" | undefined>;
+        required: false;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     isChecked: {
         type: __PropType<boolean | undefined>;
@@ -41,12 +51,24 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    labelPosition: {
+        type: __PropType<"left" | "right" | undefined>;
+        required: false;
+        default: string;
+    };
+    color: {
+        type: __PropType<"blue" | "green" | undefined>;
+        required: false;
+        default: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
+    color: "blue" | "green" | undefined;
     disabled: boolean | undefined;
     isChecked: boolean | undefined;
     labelText: string | undefined;
     labelSpace: "default" | "xl" | undefined;
+    labelPosition: "left" | "right" | undefined;
 }>;
 export default _sfc_main;

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ import UiCheckbox from "./UiCheckBox/UiCheckBox.vue";
 import UiCheckBoxGroup from "./UiCheckBoxGroup/UiCheckBoxGroup.vue";
 import UiChip from "./UiChip/UiChip.vue";
 import UiDatePicker from "./UiDatePicker/UiDatePicker.vue";
+import UiDatePickerMobile from "./UiDatePickerMobile/UiDatePickerMobile.vue";
 import UiDialog from "./UiDialog/UiDialog.vue";
 import UiFilterBadge from "./UiFilterBadge/UiFilterBadge.vue";
 import UiFilterButton from "./UiFilterButton/UiFilterButton.vue";
@@ -31,4 +32,4 @@ import UiToggleButton from "./UiToggleButton/UiToggleButton.vue";
 import UiTooltip from "./UiTooltip/UiTooltip.vue";
 import UiSearchInput from "./UiSearchInput/UiSearchInput.vue";
 import UiSearchBar from "./UiSearchBar/UiSearchBar.vue";
-export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDialog, UiFilterBadge, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, };
+export { DpaEventItem, DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiDatePicker, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, };