@privyid/persona 0.9.0 → 0.11.0

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

@@ -10,12 +10,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => ModelModifier;
     };
     mirror: {
-        type: PropType<boolean | "all" | "preview">;
-        default: any;
+        type: PropType<boolean | "preview" | "all">;
+        default: undefined;
     };
     mask: {
         type: PropType<MaskVariant>;
-        default: any;
+        default: undefined;
     };
     adapter: {
         type: PropType<Adapter>;
@@ -23,7 +23,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     facingMode: {
         type: PropType<ConstrainDOMString>;
-        default: any;
+        default: undefined;
     };
     silent: {
         type: BooleanConstructor;
@@ -33,9 +33,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     ShutterWav: any;
     classNames: ComputedRef<string[]>;
     cameras: ComputedRef<MediaDeviceInfo[]>;
-    video: import("vue-demi").Ref<HTMLVideoElement>;
-    shutter: import("vue-demi").Ref<HTMLAudioElement>;
-    stream: import("vue-demi").Ref<MediaStream>;
+    video: import("vue-demi").Ref<HTMLVideoElement | undefined>;
+    shutter: import("vue-demi").Ref<HTMLAudioElement | undefined>;
+    stream: import("vue-demi").Ref<MediaStream | undefined>;
     toggle: () => void;
     isActive: import("vue-demi").Ref<boolean>;
     isTaken: import("vue-demi").Ref<boolean>;
@@ -47,8 +47,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     turnOn: () => Promise<void>;
     onStart: () => void;
     toast: (text: string) => void;
-    deviceId: ComputedRef<string>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "start" | "result")[], "change" | "start" | "update:modelValue" | "result", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    deviceId: ComputedRef<string | undefined>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "start" | "update:modelValue" | "result")[], "change" | "start" | "update:modelValue" | "result", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;
         default: string;
@@ -58,12 +58,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => ModelModifier;
     };
     mirror: {
-        type: PropType<boolean | "all" | "preview">;
-        default: any;
+        type: PropType<boolean | "preview" | "all">;
+        default: undefined;
     };
     mask: {
         type: PropType<MaskVariant>;
-        default: any;
+        default: undefined;
     };
     adapter: {
         type: PropType<Adapter>;
@@ -71,22 +71,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     facingMode: {
         type: PropType<ConstrainDOMString>;
-        default: any;
+        default: undefined;
     };
     silent: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onStart?: (...args: any[]) => any;
-    onResult?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onResult?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string | string[] | File | File[];
     mask: MaskVariant;
-    mirror: boolean | "all" | "preview";
-    facingMode: any;
+    mirror: boolean | "preview" | "all";
+    facingMode: ConstrainDOMString;
     modelModifiers: ModelModifier;
     adapter: Adapter;
     silent: boolean;

package/dist/components/camera/adapter/adapter.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue-demi';
-export declare type MaskVariant = 'square' | 'round' | 'card' | 'none';
-export declare type MirrorMode = boolean | 'preview' | 'all';
+export type MaskVariant = 'square' | 'round' | 'card' | 'none';
+export type MirrorMode = boolean | 'preview' | 'all';
 export interface ModelModifier {
     base64: boolean;
 }

package/dist/components/camera/adapter/liveness.mjs

@@ -6,7 +6,7 @@ import {
   MOTION_FPS,
   MOTION_THRESHOLD,
   takeSample
-} from "../utils/motion";
+} from "../utils/motion.mjs";
 import { takePicture } from "../utils/take-picture.mjs";
 import { defineAdapter } from "./adapter.mjs";
 export default defineAdapter({

package/dist/components/caption/Caption.vue

@@ -45,6 +45,7 @@ export default defineComponent({
 <style lang="postcss">
 .caption {
   @apply block text-muted text-xs tracking-wide;
+  @apply dark:text-dark-muted;
 
   /**
   * Caption in tiny size

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

@@ -1 +1 @@
-export declare type SizeVariant = 'xs' | 'tn';
+export type SizeVariant = 'xs' | 'tn';

package/dist/components/card/Card.vue

@@ -130,7 +130,8 @@ export default defineComponent({
 * Last Update   : May 23, 2022
 */
 .card {
-  @apply border bg-default border-default rounded;
+  @apply border bg-default border-default text-default rounded;
+  @apply dark:bg-dark-default dark:border-dark-default dark:text-dark-default;
 
   /*
   * Card Body & Card Header
@@ -150,6 +151,7 @@ export default defineComponent({
 
     .card__section {
       @apply border-b border-subtle-alpha;
+      @apply dark:border-dark-subtle-alpha;
 
       /**
       * Adding border-top in the first element
@@ -195,7 +197,8 @@ export default defineComponent({
   * If Card disabled
   */
   &&--disabled {
-    @apply bg-muted;
+    @apply bg-subtle;
+    @apply dark:bg-dark-subtle;
   }
 
   /**
@@ -226,11 +229,13 @@ export default defineComponent({
 
     &__dismiss {
       @apply text-default/30 hover:text-default/50 hover:cursor-pointer;
+      @apply dark:text-dark-default/30 hover:dark:text-dark-default/50;
     }
   }
 
   &__section {
     @apply border-b border-subtle-alpha;
+    @apply dark:border-dark-subtle-alpha;
 
     &:last-child {
       @apply border-b-0;
@@ -238,7 +243,8 @@ export default defineComponent({
 
     &&--disabled,
     &.card--disabled {
-      @apply bg-muted;
+      @apply bg-subtle;
+      @apply dark:bg-dark-subtle;
     }
 
     &.card--disabled {

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

@@ -7,7 +7,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     sectioned: {
         type: BooleanConstructor;
@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     bodyClass: {
         type: (StringConstructor | ArrayConstructor)[];
-        default: any;
+        default: undefined;
     };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
@@ -41,7 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     sectioned: {
         type: BooleanConstructor;
@@ -61,10 +61,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     bodyClass: {
         type: (StringConstructor | ArrayConstructor)[];
-        default: any;
+        default: undefined;
     };
 }>> & {
-    onDismissed?: (...args: any[]) => any;
+    onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
     dismissable: boolean;
     disabled: boolean;

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue-demi").DefineComponent<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, 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<{
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;

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

@@ -1 +1 @@
-export declare type ElementVariant = 'div' | 'section' | 'article';
+export type ElementVariant = 'div' | 'section' | 'article';

package/dist/components/chart/Chart.vue

@@ -108,5 +108,6 @@ export default defineComponent({
 <style lang="postcss">
 .chart {
   @apply w-full bg-default p-4;
+  @apply dark:bg-dark-default;
 }
 </style>

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

@@ -9,7 +9,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     color: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }, unknown, unknown, {}, {}, 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<{
     name: {
@@ -22,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     color: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>>, {
     color: string;

package/dist/components/chart/adapter/index.d.ts

@@ -1,3 +1,3 @@
 import { ChartAdapter } from './adapter';
-export declare type ChartType = 'line' | 'bar' | 'pie';
+export type ChartType = 'line' | 'bar' | 'pie';
 export default function getAdapter(type: ChartType): ChartAdapter;

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

@@ -1,2 +1,2 @@
 import { LayoutPosition } from 'chart.js';
-export declare type LegendPosition = 'none' | LayoutPosition;
+export type LegendPosition = 'none' | LayoutPosition;

package/dist/components/checkbox/Checkbox.vue

@@ -153,9 +153,11 @@ export default defineComponent({
   */
   &__icon {
     @apply w-5 h-5 border rounded-tn border-subtle inline-flex items-center justify-center bg-default;
+    @apply dark:border-dark-subtle dark:bg-dark-default;
 
     > svg {
       @apply w-3 fill-default;
+      @apply dark:fill-dark-default;
     }
   }
 
@@ -167,7 +169,8 @@ export default defineComponent({
     &.checkbox {
       &--checked {
         .card {
-          @apply border-accent-emphasis;
+          @apply border-info-emphasis;
+          @apply dark:border-dark-info-emphasis;
         }
       }
     }
@@ -186,19 +189,22 @@ export default defineComponent({
   */
   &__label {
     @apply text-default;
+    @apply dark:text-dark-default;
   }
 
   /**
-  * give accent background and
+  * give info background and
   * white checked icon
   */
   &--checked,
   &--indeterminate {
     .checkbox__icon {
-      @apply bg-accent-emphasis border-accent-emphasis;
+      @apply bg-info-emphasis border-info-emphasis;
+      @apply dark:bg-dark-info-emphasis dark:border-dark-info-emphasis;
 
       > svg {
         @apply fill-default;
+        @apply dark:fill-dark-inverse;
       }
     }
   }
@@ -211,10 +217,12 @@ export default defineComponent({
 
     &:not(.checkbox--checked, .checkbox--indeterminate) {
       .checkbox__icon {
-        @apply bg-inactive border-subtle;
+        @apply bg-subtle border-subtle;
+        @apply dark:bg-dark-subtle dark:border-dark-subtle;
 
         > svg {
-          @apply fill-inactive;
+          @apply fill-subtle;
+          @apply dark:fill-dark-subtle;
         }
       }
     }
@@ -242,6 +250,7 @@ export default defineComponent({
     &:hover,
     &:focus-visible {
       @apply bg-subtle;
+      @apply dark:bg-dark-subtle;
     }
   }
 }

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

@@ -1,18 +1,18 @@
 declare const _default: import("vue-demi").DefineComponent<{
     name: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -38,18 +38,18 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     name: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -69,15 +69,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Record<string, any> | Date;
+    value: string | number | boolean | unknown[] | Date | Record<string, any>;
     name: string;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     disabled: boolean;
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
     readonly: boolean;
-    uncheckedValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     checked: boolean;
     indeterminate: boolean;
 }>;

package/dist/components/collapse/Collapse.vue

@@ -72,7 +72,8 @@ export default defineComponent({
 <style lang="postcss">
 .collapse {
   &&--show {
-    @apply block visible;
+    @apply block visible text-default;
+    @apply dark:text-dark-default;
   }
 
   &:not(&--show) {

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

@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: boolean;
     isNav: boolean;

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

@@ -255,6 +255,13 @@ export default defineComponent({
   &__content {
     @apply flex-grow;
 
+    &__message {
+      .caption {
+        @apply text-subtle;
+        @apply dark:text-dark-subtle;
+      }
+    }
+
     &__title {
       @apply text-base;
     }
@@ -274,22 +281,27 @@ export default defineComponent({
 
   &__close {
     @apply absolute right-6 top-1/2 -translate-y-1/2 cursor-pointer text-default/30 hover:text-default/50;
+    @apply dark:text-dark-default/30 hover:dark:text-dark-default/50;
   }
 
   &&--dark {
-    @apply bg-emphasis text-on-emphasis;
+    @apply bg-inverse text-on-emphasis;
+    @apply dark:bg-dark-inverse dark:text-dark-on-emphasis;
 
     .contextual-bar__close {
       @apply text-on-emphasis/30 hover:text-on-emphasis/50;
+      @apply dark:text-dark-on-emphasis/30 hover:dark:text-dark-on-emphasis/50;
     }
   }
 
   &&--light {
-    @apply bg-subtle text-default;
+    @apply bg-base text-default;
+    @apply dark:bg-dark-base dark:text-dark-default;
 
     .contextual-bar {
       &__icon {
-        @apply text-accent;
+        @apply text-info;
+        @apply dark:text-dark-info;
       }
     }
   }

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

@@ -8,7 +8,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     backgroundUrl: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     dismissable: {
         type: BooleanConstructor;
@@ -16,11 +16,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     message: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     align: {
         type: PropType<AlignVariant>;
@@ -36,14 +36,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: (event: Event) => void;
     onEnter: (target: HTMLDivElement) => void;
     onLeave: (target: HTMLDivElement) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("close" | "update:modelValue" | "show" | "hide")[], "close" | "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("close" | "show" | "update:modelValue" | "hide")[], "close" | "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
     };
     backgroundUrl: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     dismissable: {
         type: BooleanConstructor;
@@ -51,11 +51,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     title: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     message: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     align: {
         type: PropType<AlignVariant>;
@@ -66,10 +66,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {
     variant: StyleVariant;
     dismissable: boolean;

package/dist/components/contextual-bar/index.d.ts

@@ -1 +1 @@
-export declare type StyleVariant = 'light' | 'dark';
+export type StyleVariant = 'light' | 'dark';

package/dist/components/cropper/Cropper.vue

@@ -359,6 +359,7 @@ export default defineComponent({
 <style lang="postcss">
 .cropper {
   @apply bg-default w-full aspect-compat-square;
+  @apply dark:bg-dark-default;
 
   &__canvas {
     @apply hidden;
@@ -371,8 +372,8 @@ export default defineComponent({
   }
 
   &__mask {
-    @apply pointer-events-none touch-none select-none;
-    @apply border border-default border-dashed box-border shadow-mask absolute inset-0 m-auto max-w-[66.666667%];
+    @apply pointer-events-none touch-none select-none border border-default border-dashed box-border shadow-mask absolute inset-0 m-auto max-w-[66.666667%];
+    @apply dark:border-dark-default;
   }
 
   &__image {