@dpa-id-components/dpa-shared-components 1.3.0 → 1.4.1-0

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

@@ -15,6 +15,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    disabledVariant: {
+        type: __PropType<"primary" | "secondary" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -46,6 +51,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    disabledVariant: {
+        type: __PropType<"primary" | "secondary" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -67,6 +77,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     color: "blue" | "white" | "transparent" | "gray" | "light-gray" | undefined;
     iconName: string | null | undefined;
     size: "small" | "xs" | "medium" | "large" | undefined;
+    disabledVariant: "primary" | "secondary" | undefined;
     disabled: boolean | undefined;
     href: string | undefined;
     rounded: boolean | undefined;

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

@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     variant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined>;
+        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
         required: false;
         default: string;
     };
@@ -30,6 +30,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    active: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
     hasIcon: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -42,7 +47,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: string;
     };
     variant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined>;
+        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined>;
         required: false;
         default: string;
     };
@@ -66,6 +71,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    active: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
     hasIcon: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -76,10 +86,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     title: string | undefined;
     disabled: boolean | undefined;
-    variant: "blue-rounded" | "white-rounded" | "blank" | "blue-blank" | undefined;
+    variant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | "blue-blank" | undefined;
     chevronIcon: string | undefined;
     rotateIcon: boolean | undefined;
     iconSize: "small" | "xs" | "large" | undefined;
+    active: boolean | undefined;
     hasIcon: boolean | undefined;
 }>;
 export default _sfc_main;

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

@@ -30,16 +30,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    checkBoxColor: {
+        type: __PropType<"blue" | "gray" | undefined>;
+        required: false;
+        default: string;
+    };
     iconName: {
         type: __PropType<string | null | undefined>;
         required: false;
         default: null;
     };
+    imageSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    imageShape: {
+        type: __PropType<"rounded" | "square" | undefined>;
+        required: false;
+        default: string;
+    };
     iconSize: {
         type: __PropType<"small" | "medium" | "large" | undefined>;
         required: false;
         default: string;
     };
+    checkboxSize: {
+        type: __PropType<"small" | "medium" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -76,16 +96,36 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    checkBoxColor: {
+        type: __PropType<"blue" | "gray" | undefined>;
+        required: false;
+        default: string;
+    };
     iconName: {
         type: __PropType<string | null | undefined>;
         required: false;
         default: null;
     };
+    imageSrc: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    imageShape: {
+        type: __PropType<"rounded" | "square" | undefined>;
+        required: false;
+        default: string;
+    };
     iconSize: {
         type: __PropType<"small" | "medium" | "large" | undefined>;
         required: false;
         default: string;
     };
+    checkboxSize: {
+        type: __PropType<"small" | "medium" | undefined>;
+        required: false;
+        default: string;
+    };
     disabled: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -103,5 +143,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     selected: boolean | undefined;
     selectable: boolean | undefined;
     overrideClasses: string | undefined;
+    checkBoxColor: "blue" | "gray" | undefined;
+    imageSrc: string | undefined;
+    imageShape: "rounded" | "square" | undefined;
+    checkboxSize: "small" | "medium" | undefined;
 }>;
 export default _sfc_main;

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

@@ -3,6 +3,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     options: {
         type: __PropType<{
             label: string;
+            imageSrc?: string | undefined;
             selected: boolean;
             value: string;
         }[]>;
@@ -18,6 +19,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    active: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
     defaultTitle: {
         type: __PropType<string | undefined>;
         required: false;
@@ -33,8 +39,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    imageShape: {
+        type: __PropType<"rounded" | "square" | undefined>;
+        required: false;
+        default: string;
+    };
+    checkboxSize: {
+        type: __PropType<"small" | "medium" | undefined>;
+        required: false;
+        default: string;
+    };
     buttonVariant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
+        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined>;
         required: false;
         default: string;
     };
@@ -43,10 +59,41 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "option-selected")[], "close" | "open" | "option-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    checkboxColor: {
+        type: __PropType<"blue" | "gray" | undefined>;
+        required: false;
+        default: string;
+    };
+    hasResetOption: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabledReset: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    resetLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    hasSearch: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "close" | "reset" | "open" | "option-selected")[], "input" | "close" | "reset" | "open" | "option-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<{
             label: string;
+            imageSrc?: string | undefined;
             selected: boolean;
             value: string;
         }[]>;
@@ -62,6 +109,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
+    active: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
     defaultTitle: {
         type: __PropType<string | undefined>;
         required: false;
@@ -77,8 +129,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    imageShape: {
+        type: __PropType<"rounded" | "square" | undefined>;
+        required: false;
+        default: string;
+    };
+    checkboxSize: {
+        type: __PropType<"small" | "medium" | undefined>;
+        required: false;
+        default: string;
+    };
     buttonVariant: {
-        type: __PropType<"blue-rounded" | "white-rounded" | "blank" | undefined>;
+        type: __PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined>;
         required: false;
         default: string;
     };
@@ -87,17 +149,58 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
+    checkboxColor: {
+        type: __PropType<"blue" | "gray" | undefined>;
+        required: false;
+        default: string;
+    };
+    hasResetOption: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabledReset: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    resetLabel: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    hasSearch: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
 }>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onOption-selected"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean | undefined;
     iconSize: "small" | "medium" | "large" | undefined;
+    active: boolean | undefined;
+    imageShape: "rounded" | "square" | undefined;
+    checkboxSize: "small" | "medium" | undefined;
     isOpen: boolean | undefined;
     defaultTitle: string | undefined;
     multiLabel: string | undefined;
-    buttonVariant: "blue-rounded" | "white-rounded" | "blank" | undefined;
+    buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
     listVariant: "blank" | "selectable" | "checkbox" | undefined;
+    checkboxColor: "blue" | "gray" | undefined;
+    hasResetOption: boolean | undefined;
+    disabledReset: boolean | undefined;
+    resetLabel: string | undefined;
+    searchPlaceholder: string | undefined;
+    hasSearch: boolean | undefined;
 }>;
 export default _sfc_main;

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

@@ -27,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {
     searchInputRef: import("vue").Ref<HTMLInputElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "submit" | "focus" | "blur" | "update:modelValue" | "reset")[], "search" | "submit" | "focus" | "blur" | "update:modelValue" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "search" | "submit" | "focus" | "blur" | "update:modelValue")[], "reset" | "search" | "submit" | "focus" | "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string>;
         required: true;
@@ -56,10 +56,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
-    onReset?: ((...args: any[]) => any) | undefined;
 }, {
     placeholder: string | undefined;
     backgroundColor: "white" | "gray";

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

@@ -0,0 +1,41 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
+        required: false;
+        default: string;
+    };
+    hasIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+    size: {
+        type: __PropType<"small" | "xs" | "medium" | "large" | "xl" | undefined>;
+        required: false;
+        default: string;
+    };
+    hasIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    placeholder: string | undefined;
+    size: "small" | "xs" | "medium" | "large" | "xl" | undefined;
+    hasIcon: boolean | undefined;
+}>;
+export default _sfc_main;

package/dist/components/index.d.ts

@@ -32,4 +32,5 @@ 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, UiDatePickerMobile, UiDialog, UiFilterBadge, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, };
+import UiSimpleInput from '../components/UiSimpleInput/UiSimpleInput.vue';
+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, UiSimpleInput, };