@privyid/persona 0.12.0 → 0.13.1

package/dist/components/sidebar/SidebarBrand.vue

@@ -1,20 +1,48 @@
 <template>
-  <a
-    :href="href"
+  <div
+    ref="sidebarBrand"
+    :class="classNames"
     data-testid="sidebar-brand"
     class="sidebar__brand">
-    <slot />
-  </a>
+    <a
+      v-if="href"
+      :href="href"
+      data-testid="sidebar-brand-link">
+      <slot />
+    </a>
+    <template v-else>
+      <slot />
+    </template>
+  </div>
 </template>
 
 <script>
-import { defineComponent } from "vue-demi";
+import { defineComponent, computed } from "vue-demi";
 export default defineComponent({
   props: {
     href: {
       type: String,
       default: void 0
+    },
+    sticky: {
+      type: Boolean,
+      default: false
+    },
+    fixed: {
+      type: Boolean,
+      default: false
     }
+  },
+  setup(props) {
+    const classNames = computed(() => {
+      const result = [""];
+      if (props.sticky)
+        result.push("sidebar__brand--sticky");
+      if (props.fixed)
+        result.push("sidebar__brand--fixed");
+      return result;
+    });
+    return { classNames };
   }
 });
 </script>
@@ -22,31 +50,45 @@ export default defineComponent({
 <style lang="postcss">
 .sidebar {
   &__brand {
-    @apply block text-center mx-auto font-semibold no-underline pb-4 text-default;
+    --p-sidebar-brand-sticky-top: 0;
+
+    @apply block text-center mx-auto pb-4 font-semibold text-default;
     @apply dark:text-dark-default;
 
+    a {
+      @apply no-underline;
+    }
+
     img {
       @apply max-w-full h-auto;
     }
-  }
 
-  &&--wide {
-    .sidebar__brand {
+    &--fixed {
+      @apply fixed top-0 left-0;
+
+      .sidebar--right & {
+        @apply right-0 left-auto;
+      }
+    }
+
+    &--sticky {
+      @apply sticky top-[var(--p-sidebar-brand-sticky-top)];
+    }
+
+    .sidebar--wide & {
+      @apply px-3;
+
       img {
         @apply h-7 w-auto;
       }
     }
-  }
 
-  &&--tabs,
-  &&--lines {
-    .sidebar__brand {
+    .sidebar--tabs &,
+    .sidebar--lines & {
       @apply pr-2;
     }
-  }
 
-  &&--lines {
-    .sidebar__brand {
+    .sidebar--lines & {
       @apply pl-2;
     }
   }

package/dist/components/sidebar/SidebarBrand.vue.d.ts

@@ -3,12 +3,32 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         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<{
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    classNames: import("vue-demi").ComputedRef<string[]>;
+}, 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<{
     href: {
         type: StringConstructor;
         default: undefined;
     };
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    fixed: boolean;
     href: string;
-}>;
+    sticky: boolean;
+}, {}>;
 export default _default;

package/dist/components/sidebar/SidebarNav.vue

@@ -1,15 +1,30 @@
 <template>
   <Nav
+    v-if="!bottom"
     class="sidebar__nav"
     data-testid="sidebar-nav"
     :title="title"
     vertical
     :variant="variant"
     :condensed="condensed"
-    :align="align"
-    :class="classNames">
+    :align="align">
     <slot />
   </Nav>
+  <template v-else>
+    <div class="sidebar__bottom">
+      <Nav
+        class="sidebar__nav"
+        data-testid="sidebar-nav"
+        :title="title"
+        vertical
+        :variant="variant"
+        :condensed="condensed"
+        :align="align"
+        :class="classNames">
+        <slot />
+      </Nav>
+    </div>
+  </template>
 </template>
 
 <script>
@@ -66,9 +81,9 @@ export default defineComponent({
       }
     }
 
-    &&--bottom {
+    /* &&--bottom {
       @apply absolute bottom-0;
-    }
+    } */
   }
 
   &&--narrow {

package/dist/components/sidebar/SidebarNav.vue.d.ts

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

package/dist/components/sidebar-menu/SidebarMenu.vue

@@ -5,7 +5,9 @@
     :fixed="fixed"
     :toggleable="toggleable"
     :align="align">
-    <slot />
+    <template #brand>
+      <slot />
+    </template>
     <SidebarNav
       v-for="(menu, id) in menus"
       :key="id"
@@ -57,6 +59,9 @@
         </NavItem>
       </template>
     </SidebarNav>
+    <template #bottom>
+      <slot name="bottom" />
+    </template>
   </Sidebar>
 </template>
 

package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts

@@ -51,5 +51,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     align: AlignVariant;
     toggleable: ToggleableVariant;
     menus: Menu[];
-}>;
+}, {}>;
 export default _default;

package/dist/components/signature-draw/SignatureDraw.vue.d.ts

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

package/dist/components/signature-draw/SignatureDrawDesktop.vue.d.ts

@@ -79,5 +79,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     height: number;
     placeholder: string;
     resetLabel: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/signature-draw/SignatureDrawMobile.vue.d.ts

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

package/dist/components/signature-text/SignatureText.vue.d.ts

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

package/dist/components/spinner/Spinner.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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/spinner/SpinnerRing.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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/spread/Spread.vue

@@ -39,7 +39,7 @@ export default defineComponent({
 
     &:nth-child(1),
     &:nth-child(3) {
-      @apply opacity-25 absolute top-0 left-0 origin-bottom transition-transform z-[1] will-change-transform;
+      @apply opacity-25 absolute top-0 left-0 origin-bottom transition-transform z-1 will-change-transform;
     }
   }
 

package/dist/components/spread/Spread.vue.d.ts

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

package/dist/components/steps/Step.vue.d.ts

@@ -28,5 +28,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     onBeforePrev: TravelHook;
     onBeforeNext: TravelHook;
-}>;
+}, {}>;
 export default _default;

package/dist/components/steps/StepSlider.vue.d.ts

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

package/dist/components/steps/Steps.vue.d.ts

@@ -52,5 +52,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBeforeNext: TravelHook;
     keepAlive: boolean;
     onFinished: FinishedHook;
-}>;
+}, {}>;
 export default _default;

package/dist/components/strengthbar/Strengthbar.vue.d.ts

@@ -41,5 +41,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     length: string | number;
     min: string | number;
     max: string | number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/subheading/Subheading.vue.d.ts

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

package/dist/components/table/Table.vue.d.ts

@@ -76,5 +76,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     fields: TableField[];
     selectable: boolean;
     emptyLabel: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tabs/Tab.vue.d.ts

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

package/dist/components/tabs/TabContent.vue.d.ts

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

package/dist/components/tabs/Tabs.vue.d.ts

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

package/dist/components/text/Text.vue

@@ -23,6 +23,14 @@ export default defineComponent({
     href: {
       type: String,
       default: void 0
+    },
+    weight: {
+      type: String,
+      default: "normal"
+    },
+    transform: {
+      type: String,
+      default: "normalcase"
     }
   },
   setup(props) {
@@ -34,6 +42,10 @@ export default defineComponent({
       const result = [""];
       if (props.variant)
         result.push(`freetext--${props.variant}`);
+      if (props.weight)
+        result.push(`freetext--${props.weight}`);
+      if (props.transform)
+        result.push(`freetext--${props.transform}`);
       if (props.href)
         result.push("freetext--hyperlink");
       if (props.href && (props.variant === "caption" || props.variant === "caption2"))
@@ -54,10 +66,42 @@ export default defineComponent({
     @apply underline decoration-solid;
   }
 
+  /**
+  * Weight variant
+  * of text
+  */
+  &--normal {
+    @apply font-normal;
+  }
+
   &--medium {
     @apply font-medium;
   }
 
+  &--bold {
+    @apply font-bold;
+  }
+
+  /**
+  * Text transform
+  * of text
+  */
+  &--normalcase {
+    @apply normal-case;
+  }
+
+  &--lowercase {
+    @apply lowercase;
+  }
+
+  &--capitalize {
+    @apply capitalize;
+  }
+
+  &--uppercase {
+    @apply uppercase;
+  }
+
   /**
   * Heading Style
   */

package/dist/components/text/Text.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
 import { StyleVariant } from '.';
+import { WeightVariant, TransformVariant } from '../heading';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<StyleVariant>;
@@ -9,6 +10,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    weight: {
+        type: PropType<WeightVariant>;
+        default: string;
+    };
+    transform: {
+        type: PropType<TransformVariant>;
+        default: string;
+    };
 }, {
     hyperlink: import("vue-demi").ComputedRef<String>;
     classNames: import("vue-demi").ComputedRef<String[]>;
@@ -21,8 +30,18 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    weight: {
+        type: PropType<WeightVariant>;
+        default: string;
+    };
+    transform: {
+        type: PropType<TransformVariant>;
+        default: string;
+    };
 }>>, {
     variant: StyleVariant;
     href: string;
-}>;
+    weight: WeightVariant;
+    transform: TransformVariant;
+}, {}>;
 export default _default;

package/dist/components/textarea/Textarea.vue.d.ts

@@ -100,5 +100,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     showCounter: boolean;
     rows: string | number;
     autoGrow: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/toast/Toast.vue

@@ -110,6 +110,8 @@ export default defineComponent({
   * global style
   * of toast
   */
+  --p-toast-z-index: theme(zIndex.toast);
+
   @apply flex shadow-xl rounded w-72 md:w-96 overflow-hidden;
 
   .toast__icon,

package/dist/components/toast/Toast.vue.d.ts

@@ -52,5 +52,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     variant: ToastStyleVariant;
     type: ToastTypeVariant;
     duration: number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/toast/ToastContainer.vue

@@ -44,7 +44,7 @@ export default defineComponent({
 
 <style lang="postcss">
 .toast-container {
-  @apply fixed top-0 right-0 z-40 flex flex-col space-y-2 max-h-screen overflow-visible;
+  @apply z-[var(--p-toast-z-index)] fixed top-0 right-0 flex flex-col space-y-2 max-h-screen overflow-visible;
 }
 
 .toast {

package/dist/components/toast/ToastContainer.vue.d.ts

@@ -11,5 +11,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
         duration?: number | undefined;
         toastClass?: string | string[] | undefined;
     }[]>;
-}, {}, {}, {}, 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/toggle/Toggle.vue

@@ -194,7 +194,7 @@ export default defineComponent({
     }
 
     .toggle__pointer {
-      @apply w-1/2 h-full rounded-xs z-[1];
+      @apply w-1/2 h-full rounded-xs z-1;
     }
 
     &.toggle--checked {

package/dist/components/toggle/Toggle.vue.d.ts

@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -51,15 +51,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
+        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
         default: boolean;
     };
     checked: {
@@ -90,15 +90,15 @@ 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;
     variant: StyleVariant;
-    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;
     checkedLabel: string;
     uncheckedLabel: string;
     noLabel: boolean;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tooltip/Tooltip.vue

@@ -114,7 +114,9 @@ export default defineComponent({
 
 <style lang="postcss">
 .tooltip {
-  @apply px-4 py-3 rounded text-xs inline-block z-30 absolute drop-shadow-sm;
+  --p-tooltip-z-index: theme(zIndex.tooltip);
+
+  @apply z-[var(--p-tooltip-z-index)] px-4 py-3 rounded text-xs inline-block absolute drop-shadow-sm;
 
   &__arrow {
     @apply absolute after:w-4 after:h-4 after:block after:rounded-[3px] after:rotate-45 after:left-0 after:content-[''] after:z-0;

package/dist/components/tooltip/Tooltip.vue.d.ts

@@ -47,5 +47,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: boolean;
     target: HTMLElement;
     placement: Placement;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tooltip/TooltipContainer.vue.d.ts

@@ -7,5 +7,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     hide: (id: string) => void;
     toggle: (id: string) => void;
     remove: (id: string) => 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/tour/Tour.vue

@@ -94,6 +94,9 @@ export default defineComponent({
 
 <style lang="postcss">
 .tour {
+  --p-tour-z-index: theme(zIndex.tour.DEFAULT);
+  --p-tour-backdrop-z-index: theme(zIndex.tour.backdrop);
+
   & > &__dialog {
     @apply absolute top-0 left-0;
   }

package/dist/components/tour/Tour.vue.d.ts

@@ -7,5 +7,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     show: (targetEl: HTMLElement, options: TourDialogProps) => void;
     hide: () => void;
     config: import("vue-demi").ShallowRef<Partial<any> | undefined>;
-}, {}, {}, {}, 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/tour/TourDialog.vue

@@ -158,7 +158,7 @@ export default defineComponent({
 <style lang="postcss">
 .tour {
   &__dialog {
-    @apply rounded bg-inverse w-full max-w-xs z-[100] overflow-hidden relative shadow-sm;
+    @apply z-[var(--p-tour-z-index)] rounded bg-inverse w-full max-w-xs overflow-hidden relative shadow-sm;
     @apply dark:bg-dark-inverse;
   }