@privyid/persona 0.10.0 → 0.12.0

package/dist/components/divider/Divider.vue

@@ -30,7 +30,8 @@ export default defineComponent({
 
 <style lang="postcss">
 .divider {
-  @apply bg-subtle-alpha my-2;
+  @apply bg-subtle-alpha;
+  @apply dark:bg-dark-subtle-alpha my-2;
 
   &&--horizontal {
     @apply w-full h-[1px];
@@ -39,22 +40,27 @@ export default defineComponent({
   &&--vertical,
   .input-group > & {
     @apply flex items-center my-0 py-3 border-subtle bg-transparent z-1;
+    @apply dark:border-dark-subtle dark:bg-transparent;
 
     &::before {
       @apply content-[''] bg-subtle-alpha w-[1px] h-full;
+      @apply dark:bg-dark-subtle-alpha;
     }
   }
 
   .state--error & {
     @apply border-danger-emphasis;
+    @apply dark:border-dark-danger-emphasis;
 
     &::before {
       @apply bg-danger-emphasis;
+      @apply dark:bg-dark-danger-emphasis;
     }
   }
 
   .state--disabled & {
-    @apply bg-muted border-muted pointer-events-none text-muted;
+    @apply bg-subtle border-subtle pointer-events-none text-muted;
+    @apply dark:bg-dark-subtle dark:border-dark-subtle dark:text-dark-muted;
   }
 }
 </style>

package/dist/components/dot/Dot.vue

@@ -60,23 +60,33 @@ export default defineComponent({
   * warning & danger
   */
   &&--default {
-    @apply bg-emphasis-subtle;
+    @apply bg-inverse;
+    @apply dark:bg-dark-inverse;
   }
 
   &&--primary {
-    @apply bg-accent-emphasis;
+    @apply bg-brand-accent;
+    @apply dark:bg-dark-brand-accent;
+  }
+
+  &&--info {
+    @apply bg-info-emphasis;
+    @apply dark:bg-dark-info-emphasis;
   }
 
   &&--success {
     @apply bg-success-emphasis;
+    @apply dark:bg-dark-success-emphasis;
   }
 
   &&--warning {
     @apply bg-warning-emphasis;
+    @apply dark:bg-dark-warning-emphasis;
   }
 
   &&--danger {
     @apply bg-danger-emphasis;
+    @apply dark:bg-dark-danger-emphasis;
   }
 
   /**

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
-import { ColorVariant, StyleVariant } from '.';
+import { StyleVariant } from '.';
+import { ColorVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     color: {
         type: PropType<ColorVariant>;
@@ -21,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    variant: StyleVariant;
     color: ColorVariant;
+    variant: StyleVariant;
 }>;
 export default _default;

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

@@ -1,2 +1 @@
-export declare type ColorVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
-export declare type StyleVariant = 'default' | 'pills';
+export type StyleVariant = 'default' | 'pills';

package/dist/components/dropdown/Dropdown.vue

@@ -250,6 +250,7 @@ export default defineComponent({
 
   &__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 dark:bg-dark-default dark:border-dark-default;
 
     &__container {
       > .dropdown__item {
@@ -275,6 +276,7 @@ export default defineComponent({
       &__menu {
         :where(.checkbox, .radio, .dropdown__item) {
           @apply border-b border-solid border-b-subtle-alpha last:border-b-0;
+          @apply dark:border-b-dark-subtle-alpha;
         }
       }
     }

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

@@ -52,7 +52,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     open: () => void;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "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, ("show" | "update:modelValue" | "hide")[], "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -98,20 +98,20 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: boolean;
+    color: ColorVariant;
     variant: StyleVariant;
     size: SizeVariant;
-    color: ColorVariant;
     text: string;
+    icon: boolean;
     pill: boolean;
-    disabled: boolean;
     modelValue: boolean;
-    divider: boolean;
+    disabled: boolean;
     placement: Placement;
     noCaret: boolean;
+    divider: boolean;
 }>;
 export default _default;

package/dist/components/dropdown/DropdownItem.vue

@@ -66,18 +66,22 @@ export default defineComponent({
 <style lang="postcss">
 .dropdown__item {
   @apply px-4 py-2 block cursor-pointer text-default w-full select-none text-left;
+  @apply dark:text-dark-default;
 
   &:is(a) {
     @apply hover:text-default;
+    @apply hover:dark:text-dark-default;
   }
 
   &:hover,
   &:focus-visible {
     @apply bg-default-alpha;
+    @apply dark:bg-dark-default-alpha;
   }
 
   &&--active {
-    @apply bg-default-alpha cursor-default;
+    @apply bg-default-alpha;
+    @apply dark:bg-dark-default-alpha cursor-default;
   }
 }
 </style>

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

@@ -6,7 +6,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     active: {
         type: BooleanConstructor;
@@ -23,14 +23,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     href: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & {
-    onClick?: (...args: any[]) => any;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {
     href: string;
     active: boolean;

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

@@ -10,12 +10,12 @@ 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>;
+    view: import("vue-demi").ComputedRef<import("vue-demi").Slot | undefined>;
     next: () => void;
     back: () => void;
     reset: () => void;
     canBack: import("vue-demi").ComputedRef<boolean>;
-    transition: import("vue-demi").Ref<"none" | "slide-left" | "slide-right">;
+    transition: import("vue-demi").Ref<"slide-left" | "slide-right" | "none">;
     handleOnClick: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "click"[], "click", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     text: {
@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onClick?: (...args: any[]) => any;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {
     text: string;
     noCaret: boolean;

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

@@ -3,7 +3,7 @@ import { ModelModifier, MultipleType } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;
-        default: any;
+        default: undefined;
     };
     modelModifiers: {
         type: PropType<ModelModifier>;
@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     accept: {
         type: StringConstructor;
@@ -39,14 +39,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     clear: () => void;
     isDragover: import("vue-demi").Ref<boolean>;
     isHovered: import("vue-demi").Ref<boolean>;
-    model: import("vue-demi").Ref<string | string[] | File | File[]>;
-    rawModel: import("vue-demi").Ref<File | File[]>;
+    model: import("vue-demi").Ref<string | string[] | File | File[] | undefined>;
+    rawModel: import("vue-demi").Ref<File | File[] | undefined>;
     onDrop: (event: DragEvent) => void;
     onChange: (event: Event) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "cancel")[], "change" | "update:modelValue" | "cancel", 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, ("cancel" | "change" | "update:modelValue")[], "cancel" | "change" | "update:modelValue", 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: any;
+        default: undefined;
     };
     modelModifiers: {
         type: PropType<ModelModifier>;
@@ -58,7 +58,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     maxlength: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     accept: {
         type: StringConstructor;
@@ -77,17 +77,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onCancel?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     modelValue: string | string[] | File | File[];
+    disabled: boolean;
     readonly: boolean;
     modelModifiers: ModelModifier;
     multiple: boolean | MultipleType;
-    accept: string;
     maxlength: string | number;
+    accept: string;
     clearOnCancel: boolean;
 }>;
 export default _default;

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

@@ -1,4 +1,4 @@
 export interface ModelModifier {
     base64?: boolean;
 }
-export declare type MultipleType = 'replace' | 'append';
+export type MultipleType = 'replace' | 'append';

package/dist/components/filterbar/Filterbar.vue

@@ -16,7 +16,7 @@
     <Button
       size="sm"
       variant="link"
-      color="primary"
+      color="info"
       @click="reset">
       Reset
     </Button>
@@ -30,10 +30,10 @@ import {
 } from "vue-demi";
 import Dropdown from "../dropdown/Dropdown.vue";
 import Button from "../button/Button.vue";
-import Select from "./pinned/Select.vue";
-import Toggle from "./pinned/Toggle.vue";
-import Multiselect from "./pinned/Multiselect.vue";
-import Date from "./pinned/Date.vue";
+import Select from "./pinned/PinnedSelect.vue";
+import Toggle from "./pinned/PinnedToggle.vue";
+import Multiselect from "./pinned/PinnedMultiselect.vue";
+import Date from "./pinned/PinnedDate.vue";
 import { useVModel } from "../input";
 export default defineComponent({
   components: {
@@ -94,7 +94,8 @@ export default defineComponent({
     &.filterbar--active {
       &.btn--default,
       & .dropdown__activator.btn--default {
-        @apply bg-emphasis-subtle text-on-emphasis border-on-emphasis;
+        @apply bg-inverse text-on-emphasis border-inverse;
+        @apply dark:bg-dark-inverse dark:text-dark-on-emphasis dark:border-dark-inverse;
       }
     }
   }

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

@@ -3,7 +3,7 @@ import { FilterItem } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     schema: {
         type: PropType<FilterItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<Record<string, unknown>>;
@@ -18,14 +18,14 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
         type: PropType<FilterItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Record<string, unknown>;
     schema: FilterItem[];

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

@@ -40,6 +40,6 @@ export interface FilterDate extends FilterType {
 export interface FitlerDateRange extends FilterType {
     type: 'daterange';
 }
-export declare type FilterItem = FilterText | FilterSelect | FilterSelectMultiple | FilterToggle | FilterDate | FitlerDateRange;
+export type FilterItem = FilterText | FilterSelect | FilterSelectMultiple | FilterToggle | FilterDate | FitlerDateRange;
 export declare function defineFilter(scheme: FilterItem[]): FilterItem[];
 export {};

package/dist/components/filterbar/pinned/{Date.vue.d.ts → PinnedDate.vue.d.ts}

@@ -7,7 +7,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     format: {
         type: StringConstructor;
@@ -15,18 +15,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }, {
-    model: import("vue-demi").Ref<Date>;
+    model: import("vue-demi").Ref<Date | undefined>;
     value: import("vue-demi").ComputedRef<string>;
     isOpen: import("vue-demi").Ref<boolean>;
     close: () => void;
@@ -37,7 +37,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     format: {
         type: StringConstructor;
@@ -45,18 +45,18 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     min: Date;
     max: Date;

package/dist/components/filterbar/pinned/{Multiselect.vue.d.ts → PinnedMultiselect.vue.d.ts}

@@ -8,11 +8,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: ArrayConstructor;
-        default: () => any[];
+        default: () => never[];
     };
 }, {
     model: import("vue-demi").Ref<unknown[]>;
@@ -27,14 +27,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
         type: ArrayConstructor;
-        default: () => any[];
+        default: () => never[];
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: unknown[];
     options: string[] | SelectItem[];

package/dist/components/filterbar/pinned/{Select.vue.d.ts → PinnedSelect.vue.d.ts}

@@ -8,17 +8,17 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
-        default: any;
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        default: undefined;
     };
 }, {
-    model: import("vue-demi").Ref<string | number | boolean | unknown[] | Record<string, any> | Date>;
+    model: import("vue-demi").Ref<string | number | boolean | unknown[] | Date | Record<string, any> | undefined>;
     items: import("vue-demi").ComputedRef<SelectItem[]>;
     isOpen: import("vue-demi").Ref<boolean>;
-    selected: import("vue-demi").ComputedRef<SelectItem>;
+    selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
     close: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     schema: {
@@ -27,16 +27,16 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     options: {
         type: PropType<string[] | SelectItem[]>;
-        default: () => any[];
+        default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
-        default: any;
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        default: undefined;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
     options: string[] | SelectItem[];
 }>;
 export default _default;

package/dist/components/filterbar/pinned/{Toggle.vue.d.ts → PinnedToggle.vue.d.ts}

@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     checked: {
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor | ArrayConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     checked: {
@@ -46,12 +46,12 @@ 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;
-    modelValue: string | number | boolean | unknown[] | Record<string, any> | Date;
-    uncheckedValue: string | number | boolean | unknown[] | Record<string, any> | Date;
+    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>;
     checked: boolean;
 }>;
 export default _default;

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

@@ -81,23 +81,28 @@ export default defineComponent({
   @apply flex flex-col mb-4;
 
   &__label {
-    @apply font-bold text-xs mb-2 relative;
+    @apply font-bold text-xs mb-2 relative text-default;
+    @apply dark:text-dark-default;
 
     > sup {
       @apply text-danger;
+      @apply dark:text-dark-danger;
     }
   }
 
   & > &__description {
-    @apply text-xs my-2;
+    @apply text-xs my-2 text-subtle;
+    @apply dark:text-dark-subtle;
   }
 
   & > &__error {
-    @apply text-xs text-danger my-2;
+    @apply text-xs text-danger;
+    @apply dark:text-dark-danger my-2;
   }
 
   &__hint {
-    @apply absolute bottom-0 right-0 text-accent cursor-pointer focus:outline-none;
+    @apply absolute right-0 text-info cursor-pointer focus:outline-none;
+    @apply dark:text-dark-info;
   }
 }
 </style>

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

@@ -51,10 +51,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    caption: string;
     error: string;
-    required: boolean;
+    caption: string;
     label: string;
+    required: boolean;
     description: string;
     hint: string;
 }>;

package/dist/components/global/context.d.ts

@@ -1,4 +1,4 @@
-declare type Lang = 'id' | 'en';
+type Lang = 'id' | 'en';
 /**
  * Simple vuex-like-store for global configuaration
  */

package/dist/components/global/use-singleton.d.ts

@@ -1,6 +1,6 @@
 import { DefineComponent, Ref } from 'vue-demi';
-export declare type Component = DefineComponent<{}, {}, any>;
-export declare type ComponentInstance<C extends Component> = InstanceType<C>;
+export type Component = DefineComponent<{}, {}, any>;
+export type ComponentInstance<C extends Component> = InstanceType<C>;
 export interface GlobalInstance<C extends Component> {
     component: C;
     ref: Ref<ComponentInstance<C>>;

package/dist/components/global/utils/queue.d.ts

@@ -1,4 +1,4 @@
-declare type Task<R> = () => Promise<R>;
+type Task<R> = () => Promise<R>;
 interface QueueJob<R> {
     resolve: (value: R) => void;
     reject: (reason: unknown) => void;
@@ -9,7 +9,7 @@ export default class Queue {
     protected running: boolean;
     constructor();
     protected enqueue(job: QueueJob<unknown>): void;
-    protected dequeue(): QueueJob<unknown>;
+    protected dequeue(): QueueJob<unknown> | undefined;
     add<R>(task: Task<R>): Promise<R>;
     protected run(): void;
 }