@privyid/persona 0.13.0 → 0.14.0

package/dist/components/avatar/Avatar.vue.d.ts

@@ -63,6 +63,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     src: string;
     fallbackSrc: string;
     size: SizeVariant;
-    imgClass: string | unknown[] | Record<string, any>;
-}>;
+    imgClass: string | Record<string, any> | unknown[];
+}, {}>;
 export default _default;

package/dist/components/badge/Badge.vue.d.ts

@@ -24,5 +24,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: StyleVariant;
     color: ColorVariant;
-}>;
+}, {}>;
 export default _default;

package/dist/components/banner/Banner.vue.d.ts

@@ -28,5 +28,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     dismissable: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/breadcrumbs/Breadcrumb.vue.d.ts

@@ -37,5 +37,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     items: BreadcrumbItems[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/breadcrumbs/BreadcrumbItem.vue

@@ -60,7 +60,7 @@ export default defineComponent({
 <style lang="postcss">
 .breadcrumbs {
   &__item {
-    @apply inline-flex text-sm items-center;
+    @apply inline-flex text-sm items-center capitalize;
 
     &:last-child {
       & > .breadcrumbs__item__icon {

package/dist/components/breadcrumbs/BreadcrumbItem.vue.d.ts

@@ -24,5 +24,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     href: string;
     active: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/breadcrumbs/BreadcrumbItemDropdown.vue

@@ -48,15 +48,19 @@ export default defineComponent({
 .breadcrumbs__item {
   &&--dropdown {
     .dropdown__activator {
-      @apply px-0 text-subtle bg-transparent border-transparent hover:shadow-none hover:border-transparent hover:bg-transparent focus:shadow-none focus:border-transparent focus:bg-transparent;
-      @apply dark:text-dark-subtle dark:bg-transparent dark:border-transparent hover:dark:border-transparent hover:dark:bg-transparent focus:dark:border-transparent focus:dark:bg-transparent;
+      &.btn.btn--default.btn--variant-solid {
+        @apply px-0 text-subtle bg-transparent border-transparent hover:shadow-none hover:border-transparent hover:bg-transparent focus:shadow-none focus:border-transparent focus:bg-transparent;
+        @apply dark:text-dark-subtle dark:bg-transparent dark:border-transparent hover:dark:border-transparent hover:dark:bg-transparent focus:dark:border-transparent focus:dark:bg-transparent;
+      }
     }
   }
 
   &&--active {
     .dropdown__activator {
-      @apply text-default;
-      @apply dark:text-dark-default;
+      &.btn.btn--default.btn--variant-solid {
+        @apply text-default;
+        @apply dark:text-dark-default;
+      }
 
       & > .dropdown__caret {
         @apply text-subtle;

package/dist/components/breadcrumbs/BreadcrumbItemDropdown.vue.d.ts

@@ -21,5 +21,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     active: boolean;
     text: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/button/Button.vue.d.ts

@@ -57,8 +57,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     variant: StyleVariant;
     size: SizeVariant;
     color: ColorVariant;
-    icon: boolean;
     href: string;
+    icon: boolean;
     pill: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/button-group/ButtonGroup.vue.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     size: SizeVariant;
     pill: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/calendar/Calendar.vue.d.ts

@@ -137,5 +137,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     mode: "date" | "month" | "year";
-}>;
+}, {}>;
 export default _default;

package/dist/components/camera/Camera.vue.d.ts

@@ -91,5 +91,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelModifiers: ModelModifier;
     adapter: Adapter;
     silent: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/caption/Caption.vue.d.ts

@@ -33,5 +33,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     size: SizeVariant;
     weight: WeightVariant;
     transform: TransformVariant;
-}>;
+}, {}>;
 export default _default;

package/dist/components/card/Card.vue.d.ts

@@ -73,5 +73,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     sectioned: boolean;
     callout: boolean;
     bodyClass: string | unknown[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/card/CardSection.vue.d.ts

@@ -21,5 +21,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     disabled: boolean;
     title: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/chart/Chart.vue.d.ts

@@ -25,5 +25,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: ChartType;
     legend: LegendPosition;
-}>;
+}, {}>;
 export default _default;

package/dist/components/chart/ChartSet.vue.d.ts

@@ -8,5 +8,5 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/dist/components/chart/ChartVal.vue.d.ts

@@ -26,5 +26,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     color: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -72,13 +72,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Date | Record<string, any>;
+    value: string | number | boolean | Record<string, any> | unknown[] | Date;
     name: string;
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     disabled: boolean;
     readonly: boolean;
-    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     checked: boolean;
     indeterminate: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/collapse/Collapse.vue

@@ -80,14 +80,4 @@ export default defineComponent({
     @apply hidden;
   }
 }
-
-.navbar {
-  &--collapse {
-    @apply basis-full flex-grow items-center;
-
-    &.collapse--show {
-      @apply pt-3;
-    }
-  }
-}
 </style>

package/dist/components/collapse/Collapse.vue.d.ts

@@ -25,5 +25,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     modelValue: boolean;
     isNav: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/contextual-bar/ContextualBar.vue.d.ts

@@ -78,5 +78,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     message: string;
     align: AlignVariant;
     backgroundUrl: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/cropper/Cropper.vue

@@ -366,8 +366,7 @@ export default defineComponent({
   }
 
   &__preview {
-    background-image: url("./assets/ps-neutral.png");
-
+    @apply bg-[url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAGklEQVR4AWNYJYoK92ihwpGiAF0AXcMIUQAAbIfSgRmCFqkAAAAASUVORK5CYII=)];
     @apply flex w-full overflow-hidden h-auto relative aspect-compat-square select-none;
   }
 

package/dist/components/cropper/Cropper.vue.d.ts

@@ -134,7 +134,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     onLoad?: ((...args: any[]) => any) | undefined;
 }, {
     src: string | File;
-    imgClass: string | unknown[] | Record<string, any>;
+    imgClass: string | Record<string, any> | unknown[];
     modelValue: string | File;
     modelModifiers: ModelModifier;
     width: string | number;
@@ -145,5 +145,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     imgHeight: string | number;
     noCrop: boolean;
     noAutocrop: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/datepicker/Datepicker.vue.d.ts

@@ -93,5 +93,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     mode: "date" | "month" | "year";
     format: string;
     placeholder: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/dialog/Dialog.vue.d.ts

@@ -7,5 +7,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     hide: () => void;
     onConfirm: () => void;
     onCancel: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/dialog/DialogFooter.vue.d.ts

@@ -111,5 +111,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     confirmColor: FooterButtonColorVariant;
     confirmVariant: FooterButtonStyleVariant;
     confirmText: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/divider/Divider.vue.d.ts

@@ -12,5 +12,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     vertical: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/dot/Dot.vue.d.ts

@@ -24,5 +24,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: StyleVariant;
     color: ColorVariant;
-}>;
+}, {}>;
 export default _default;

package/dist/components/dropdown/Dropdown.vue

@@ -36,7 +36,7 @@
         ref="menu"
         data-testid="dropdown-menu"
         class="dropdown__menu"
-        :class="menuClass">
+        :class="[menuClass, containerSize]">
         <DropdownGroup
           ref="wizard"
           class="dropdown__menu__container">
@@ -132,6 +132,10 @@ export default defineComponent({
         Object
       ],
       default: void 0
+    },
+    menuSize: {
+      type: String,
+      default: "sm"
     }
   },
   models: {
@@ -156,6 +160,12 @@ export default defineComponent({
         result.push("dropdown--divider");
       return result;
     });
+    const containerSize = computed(() => {
+      const result = [""];
+      if (props.menuSize)
+        result.push(`dropdown__menu--${props.menuSize}`);
+      return result;
+    });
     function toggle() {
       if (!props.disabled) {
         if (isOpen.value)
@@ -247,6 +257,7 @@ export default defineComponent({
     return {
       isOpen,
       classNames,
+      containerSize,
       toggle,
       open,
       close
@@ -257,10 +268,14 @@ export default defineComponent({
 
 <style lang="postcss">
 .dropdown {
+  --p-dropdown-size-lg: 30rem; /* 480px */
+  --p-dropdown-size-md: 20rem; /* 320px */
+  --p-dropdown-size-sm: 15rem; /* 240px */
+
   @apply relative inline-flex;
 
   &__menu {
-    @apply max-h-64 border rounded w-full min-w-[15rem] bg-default z-10 border-default shadow-xl overflow-x-hidden overflow-y-auto absolute;
+    @apply max-h-64 border rounded bg-default z-10 border-default shadow-xl overflow-x-hidden overflow-y-auto absolute;
     @apply dark:bg-dark-default dark:border-dark-default;
 
     &__container {
@@ -276,6 +291,18 @@ export default defineComponent({
         }
       }
     }
+
+    &--lg {
+      @apply w-[var(--p-dropdown-size-lg)];
+    }
+
+    &--md {
+      @apply w-[var(--p-dropdown-size-md)];
+    }
+
+    &--sm {
+      @apply w-[var(--p-dropdown-size-sm)];
+    }
   }
 
   &__activator > &__caret {

package/dist/components/dropdown/Dropdown.vue.d.ts

@@ -1,6 +1,7 @@
 import { PropType } from 'vue-demi';
 import { Placement } from '@floating-ui/dom';
 import type { StyleVariant, ColorVariant, SizeVariant } from '../button';
+import type { MenuSizeVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: BooleanConstructor;
@@ -50,9 +51,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
+    menuSize: {
+        type: PropType<MenuSizeVariant>;
+        default: string;
+    };
 }, {
     isOpen: import("vue-demi").Ref<boolean>;
     classNames: import("vue-demi").ComputedRef<string[]>;
+    containerSize: import("vue-demi").ComputedRef<string[]>;
     toggle: () => void;
     open: () => void;
     close: () => void;
@@ -105,6 +111,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
+    menuSize: {
+        type: PropType<MenuSizeVariant>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
@@ -113,14 +123,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     variant: StyleVariant;
     size: SizeVariant;
     color: ColorVariant;
-    icon: boolean;
     text: string;
+    icon: boolean;
     pill: boolean;
     modelValue: boolean;
     disabled: boolean;
     placement: Placement;
     noCaret: boolean;
     divider: boolean;
-    menuClass: string | unknown[] | Record<string, any>;
-}>;
+    menuClass: string | Record<string, any> | unknown[];
+    menuSize: MenuSizeVariant;
+}, {}>;
 export default _default;

package/dist/components/dropdown/DropdownItem.vue.d.ts

@@ -35,5 +35,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     href: string;
     active: boolean;
     text: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/dropdown/index.d.ts

@@ -1,4 +1,5 @@
 import { Ref, InjectionKey } from 'vue-demi';
+export type MenuSizeVariant = 'sm' | 'md' | 'lg';
 interface DropdownContext {
     close: () => void;
     open: () => void;

package/dist/components/dropdown-subitem/DropdownSubitem.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     isRoot: import("vue-demi").ComputedRef<boolean>;
     tree: import("vue-demi").ShallowRef<import(".").DropdownNode>;
-    view: import("vue-demi").ComputedRef<import("vue-demi").Slot | undefined>;
+    view: import("vue-demi").ComputedRef<import("vue-demi").Slot<any> | undefined>;
     next: () => void;
     back: () => void;
     reset: () => void;
@@ -31,5 +31,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     text: string;
     noCaret: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/dropzone/Dropzone.vue.d.ts

@@ -89,5 +89,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     maxlength: string | number;
     accept: string;
     clearOnCancel: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/filterbar/Filterbar.vue.d.ts

@@ -29,5 +29,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     modelValue: Record<string, unknown>;
     schema: FilterItem[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedDate.vue.d.ts

@@ -63,5 +63,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: Date;
     mode: "date" | "month" | "year";
     format: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedMultiselect.vue.d.ts

@@ -38,5 +38,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     modelValue: unknown[];
     options: string[] | SelectItem[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedSelect.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
 }, {
-    model: import("vue-demi").Ref<string | number | boolean | unknown[] | Date | Record<string, any> | undefined>;
+    model: import("vue-demi").Ref<string | number | boolean | Record<string, any> | unknown[] | Date | undefined>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
     isOpen: import("vue-demi").Ref<boolean>;
     selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
@@ -36,7 +36,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     options: string[] | SelectItem[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts

@@ -49,9 +49,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Date | Record<string, any>;
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
-    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    value: string | number | boolean | Record<string, any> | unknown[] | Date;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
+    uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     checked: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/form-group/FormGroup.vue.d.ts

@@ -57,5 +57,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     description: string;
     hint: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/heading/Heading.vue.d.ts

@@ -33,5 +33,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     weight: WeightVariant;
     transform: TransformVariant;
     element: ElementVariant;
-}>;
+}, {}>;
 export default _default;

package/dist/components/input/Input.vue.d.ts

@@ -64,5 +64,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     clearable: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/input-file/InputFile.vue.d.ts

@@ -131,5 +131,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     clearOnCancel: boolean;
     clearable: boolean;
     browseLabel: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/input-group/InputGroup.vue.d.ts

@@ -41,5 +41,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     size: SizeVariant;
     disabled: boolean;
     readonly: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/input-password/InputPassword.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue-demi").DefineComponent<{}, {
     isShow: import("vue-demi").Ref<boolean>;
     toggle: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/dist/components/input-pin/InputPin.vue.d.ts

@@ -60,5 +60,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: string;
     disabled: boolean;
     readonly: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/input-range/InputRange.vue.d.ts

@@ -104,5 +104,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     readonly: boolean;
     multiple: boolean;
     step: string | number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/label/Label.vue.d.ts

@@ -46,5 +46,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     size: SizeVariant;
     color: ColorVariant;
     dismissable: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/modal/Modal.vue.d.ts

@@ -92,14 +92,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     size: SizeVariant;
+    text: string;
     dismissable: boolean;
     banner: boolean;
-    text: string;
     modelValue: boolean;
     title: string;
     centered: boolean;
     noCloseOnEsc: boolean;
     noCloseOnBackdrop: boolean;
     modalBodyScrollable: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/nav/Nav.vue.d.ts

@@ -68,5 +68,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     condensed: boolean;
     vertical: boolean;
     justified: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/nav/NavItem.vue.d.ts

@@ -42,5 +42,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     active: boolean;
     disabled: boolean;
     target: string | undefined;
-}>;
+}, {}>;
 export default _default;

package/dist/components/nav/NavItemDropdown.vue

@@ -82,6 +82,14 @@ export default defineComponent({
   &__item {
     &--dropdown {
       @apply ml-auto;
+
+      .dropdown {
+        &__menu {
+          .dropdown__item {
+            @apply px-3;
+          }
+        }
+      }
     }
   }