@privyid/persona 0.10.0 → 0.11.0

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

@@ -9,8 +9,11 @@
 <script>
 import {
   defineComponent,
-  computed
+  computed,
+  provide,
+  toRef
 } from "vue-demi";
+import { BUTTONGROUP_SETTING } from ".";
 export default defineComponent({
   props: {
     size: {
@@ -23,6 +26,7 @@ export default defineComponent({
     }
   },
   setup(props) {
+    provide(BUTTONGROUP_SETTING, { size: toRef(props, "size") });
     const classNames = computed(() => {
       const result = ["btn-group"];
       if (props.size)
@@ -81,10 +85,12 @@ export default defineComponent({
       @apply -ml-[1px];
 
       &.btn--primary,
+      &.btn--info,
       &.btn--success,
       &.btn--warning,
       &.btn--danger {
         @apply border-l-subtle-alpha;
+        @apply dark:border-l-dark-subtle-alpha;
       }
     }
   }
@@ -111,21 +117,20 @@ export default defineComponent({
     &:not(:first-child) {
       .btn {
         @apply -ml-[1px] rounded-l-none border-l-subtle-alpha;
+        @apply dark:border-l-dark-subtle-alpha;
       }
     }
   }
 
   /**
-  * Sizing the button group
-  * and overwrite the default size
-  * of buttons
+  * Sizing the button group,
+  * and set rounded of first
+  * & last button in each size
   */
   &&--xs:not(&--pill) {
     .btn {
       &:not(.btn--icon),
       .dropdown .btn {
-        @apply px-2 py-[2px] gap-1 text-sm;
-
         &:first-child {
           @apply rounded-l-xs;
         }
@@ -145,8 +150,6 @@ export default defineComponent({
     .btn {
       &:not(.btn--icon),
       .dropdown .btn {
-        @apply px-4 py-1 gap-2 text-base;
-
         &:first-child {
           @apply rounded-l-sm;
         }
@@ -180,11 +183,6 @@ export default defineComponent({
 
   &&--md {
     .btn {
-      &:not(.btn--icon),
-      .dropdown .btn {
-        @apply px-5 py-[10px] gap-3 text-base;
-      }
-
       &:is(.btn--icon) {
         @apply p-[12px];
       }
@@ -193,11 +191,6 @@ export default defineComponent({
 
   &&--lg:not(&--pill) {
     .btn {
-      &:not(.btn--icon),
-      .dropdown .btn {
-        @apply px-8 py-4 gap-4 text-base;
-      }
-
       &:is(.btn--icon) {
         @apply p-[18px];
       }

package/dist/components/button-group/index.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue-demi';
+import { SizeVariant } from '../button';
+export interface ButtonGroupSetting {
+    size?: Ref<SizeVariant>;
+}
+export declare const BUTTONGROUP_SETTING: InjectionKey<ButtonGroupSetting>;

package/dist/components/button-group/index.mjs

@@ -0,0 +1 @@
+export const BUTTONGROUP_SETTING = Symbol("ButtonGroupSetting");

package/dist/components/calendar/Calendar.vue

@@ -89,6 +89,7 @@ const Adapters = {
 };
 export default defineComponent({
   components: {
+    // eslint-disable-next-line vue/no-reserved-component-names
     Button,
     Card,
     IconNext,
@@ -124,7 +125,7 @@ export default defineComponent({
   setup(props, { emit }) {
     const viewmode = ref(props.mode);
     const transition = ref("slide-left");
-    const cursor = ref(startOfMonth(props.modelValue ?? new Date()));
+    const cursor = ref(startOfMonth(props.modelValue ?? /* @__PURE__ */ new Date()));
     const model = useVModel(props);
     const context = {
       cursor,
@@ -214,6 +215,7 @@ export default defineComponent({
 <style lang="postcss">
 .calendar {
   @apply flex flex-col space-y-2 text-sm shadow-xl border-transparent;
+  @apply dark:border-transparent;
 
   &__nav {
     @apply flex justify-between space-x-2 mb-2;
@@ -223,22 +225,25 @@ export default defineComponent({
     }
   }
 
-  .btn--variant-solid {
+  .btn.btn--variant-solid {
     @apply justify-center;
 
     &.btn--default {
       @apply border-transparent bg-transparent text-default font-normal;
+      @apply dark:border-transparent dark:bg-transparent dark:text-dark-subtle hover:dark:text-dark-default;
 
       &.calendar__nav-title {
         @apply font-medium;
       }
 
       &[active="true"] {
-        @apply bg-accent-emphasis border-accent-emphasis text-on-emphasis cursor-default;
+        @apply bg-info-emphasis border-info-emphasis text-state-emphasis cursor-default;
+        @apply dark:bg-dark-info-emphasis dark:border-dark-info-emphasis dark:text-dark-state-emphasis;
       }
 
       &[disabled][active="false"] {
         @apply text-muted;
+        @apply dark:text-dark-muted;
       }
     }
 

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

@@ -1,26 +1,26 @@
 import { PropType } from 'vue-demi';
 import { CalendarItem } from './adapter/adapter';
-declare type TransitionMode = 'slide-left' | 'slide-right' | 'zoom-in' | 'zoom-out';
+type TransitionMode = 'slide-left' | 'slide-right' | 'zoom-in' | 'zoom-out';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
@@ -37,18 +37,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         toTimeString: () => string;
         toLocaleString: {
             (): string;
-            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
         };
         toLocaleDateString: {
             (): string;
-            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
         };
         toLocaleTimeString: {
             (): string;
-            (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
-            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
         };
         valueOf: () => number;
         getTime: () => number;
@@ -72,18 +72,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         setTime: (time: number) => number;
         setMilliseconds: (ms: number) => number;
         setUTCMilliseconds: (ms: number) => number;
-        setSeconds: (sec: number, ms?: number) => number;
-        setUTCSeconds: (sec: number, ms?: number) => number;
-        setMinutes: (min: number, sec?: number, ms?: number) => number;
-        setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
-        setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
-        setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
         setDate: (date: number) => number;
         setUTCDate: (date: number) => number;
-        setMonth: (month: number, date?: number) => number;
-        setUTCMonth: (month: number, date?: number) => number;
-        setFullYear: (year: number, month?: number, date?: number) => number;
-        setUTCFullYear: (year: number, month?: number, date?: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
         toUTCString: () => string;
         toISOString: () => string;
         toJSON: (key?: any) => string;
@@ -97,7 +97,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     }>;
     canNext: import("vue-demi").ComputedRef<boolean>;
     canPrev: import("vue-demi").ComputedRef<boolean>;
-    classNames: import("vue-demi").ComputedRef<any[]>;
+    classNames: import("vue-demi").ComputedRef<never[]>;
     next: () => void;
     prev: () => void;
     changeMode: (step?: number) => void;
@@ -105,36 +105,36 @@ 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<{
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     disabled: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     min: Date;
     max: Date;
     modelValue: Date;
+    disabled: boolean;
     readonly: boolean;
     mode: "date" | "month" | "year";
 }>;

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

@@ -21,7 +21,7 @@ export interface CalendarAdapter {
     canPrev: (this: this, context: CalendarContext) => boolean;
 }
 export declare const CalendarFormat: readonly ["date", "month", "year"];
-export declare type CalendarMode = typeof CalendarFormat[number];
+export type CalendarMode = typeof CalendarFormat[number];
 export declare function defineAdapter(adapter: CalendarAdapter): CalendarAdapter;
 /**
  * Format date using date-fns/format,

package/dist/components/calendar/adapter/date.mjs

@@ -17,7 +17,7 @@ import {
 import {
   defineAdapter,
   formatDate
-} from "./adapter";
+} from "./adapter.mjs";
 function getInterval(date) {
   const start = startOfWeek(startOfMonth(date), { weekStartsOn: 1 });
   const end = endOfWeek(endOfMonth(date), { weekStartsOn: 1 });

package/dist/components/camera/Camera.vue

@@ -324,7 +324,8 @@ export default defineComponent({
 
 <style lang="postcss">
 .camera {
-  @apply bg-emphasis w-full flex flex-col select-none relative overflow-hidden;
+  @apply bg-inverse w-full flex flex-col select-none relative overflow-hidden;
+  @apply dark:bg-dark-inverse;
 
   &__video {
     @apply flex-grow min-h-full max-w-full h-auto object-cover;
@@ -366,6 +367,7 @@ export default defineComponent({
 
   &__off-info {
     @apply absolute bottom-20 text-on-emphasis left-0 right-0 text-center text-sm;
+    @apply dark:text-dark-on-emphasis;
   }
 
   &__controls {
@@ -373,10 +375,12 @@ export default defineComponent({
   }
 
   &__toast {
-    @apply absolute bottom-20 left-0 right-0 text-center text-on-emphasis px-4;
+    @apply absolute bottom-20 left-0 right-0 text-center text-on-emphasis;
+    @apply dark:text-dark-on-emphasis px-4;
 
     &-text {
-      @apply bg-emphasis/80 px-4 py-1 text-sm rounded shadow-md inline-block max-w-full truncate;
+      @apply bg-inverse/80 px-4 py-1 text-sm rounded shadow-md inline-block max-w-full truncate;
+      @apply dark:bg-dark-inverse/80;
     }
   }
 }

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;