sprintify-ui 0.0.14 → 0.0.16

package/dist/types/src/components/BaseTextareaAutoresize.vue.d.ts

@@ -1,160 +1,33 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            modelValue: string;
-            placeholder: string;
-            disabled: boolean;
-            maxHeight: number;
-            submitOnEnter: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                default: string;
-                type: StringConstructor;
-            };
-            placeholder: {
-                default: string;
-                type: StringConstructor;
-            };
-            name: {
-                required: true;
-                type: StringConstructor;
-            };
-            maxHeight: {
-                default: number;
-                type: NumberConstructor;
-            };
-            /**
-             * Setting this to true will trigger the 'submit' event while pressing Enter.
-             * Users will be able to add a line break while pressing Shift + Enter.
-             */
-            submitOnEnter: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            disabled: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onInput?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "placeholder" | "disabled" | "maxHeight" | "submitOnEnter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "input" | "submit" | "update:modelValue" | "focus", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                default: string;
-                type: StringConstructor;
-            };
-            placeholder: {
-                default: string;
-                type: StringConstructor;
-            };
-            name: {
-                required: true;
-                type: StringConstructor;
-            };
-            maxHeight: {
-                default: number;
-                type: NumberConstructor;
-            };
-            /**
-             * Setting this to true will trigger the 'submit' event while pressing Enter.
-             * Users will be able to add a line break while pressing Shift + Enter.
-             */
-            submitOnEnter: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-            disabled: {
-                default: boolean;
-                type: BooleanConstructor;
-            };
-        }>> & {
-            onFocus?: ((...args: any[]) => any) | undefined;
-            onInput?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], string, {
-            modelValue: string;
-            placeholder: string;
-            disabled: boolean;
-            maxHeight: number;
-            submitOnEnter: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            default: string;
-            type: StringConstructor;
-        };
-        placeholder: {
-            default: string;
-            type: StringConstructor;
-        };
-        name: {
-            required: true;
-            type: StringConstructor;
-        };
-        maxHeight: {
-            default: number;
-            type: NumberConstructor;
-        };
-        /**
-         * Setting this to true will trigger the 'submit' event while pressing Enter.
-         * Users will be able to add a line break while pressing Shift + Enter.
-         */
-        submitOnEnter: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-    }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onInput?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        default: string;
+        type: StringConstructor;
+    };
+    placeholder: {
+        default: string;
+        type: StringConstructor;
+    };
+    name: {
+        required: true;
+        type: StringConstructor;
+    };
+    maxHeight: {
+        default: number;
+        type: NumberConstructor;
+    };
+    /**
+     * Setting this to true will trigger the 'submit' event while pressing Enter.
+     * Users will be able to add a line break while pressing Shift + Enter.
+     */
+    submitOnEnter: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: string;
         type: StringConstructor;
@@ -188,11 +61,11 @@ declare const _default: {
     onInput?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "submit" | "update:modelValue" | "focus")[], "input" | "submit" | "update:modelValue" | "focus", {
+}, {
     modelValue: string;
     placeholder: string;
     disabled: boolean;
     maxHeight: number;
     submitOnEnter: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

package/dist/types/src/svg/BaseSpinnerSmall.vue.d.ts

@@ -1,44 +1,2 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "docs:dev": "vitepress dev docs",
@@ -15,7 +15,7 @@
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.8",
     "@vueuse/core": "^9.0.0",
-    "axios": "^1.0.0",
+    "axios": "^0.26.1",
     "lodash": "^4.17.21",
     "luxon": "^3.0.0",
     "pinia": "^2.0.0",
@@ -54,7 +54,7 @@
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vueuse/core": "^9.5.0",
     "autoprefixer": "^10.4.13",
-    "axios": "^1.1.3",
+    "axios": "^0.26.1",
     "babel-loader": "^8.3.0",
     "eslint": "^8.27.0",
     "eslint-config-prettier": "^8.5.0",

package/src/components/BaseInput.stories.js

@@ -7,12 +7,7 @@ export default {
     required: true,
     type: 'text',
     name: 'name',
-  },
-  argTypes: {
-    iconPosition: {
-      type: 'select',
-      options: ['left', 'right'],
-    },
+    class: 'w-full',
   },
 };
 
@@ -36,20 +31,6 @@ Demo.args = {
   placeholder: 'Enter your name',
 };
 
-export const IconLeft = Template.bind({});
-IconLeft.args = {
-  icon: 'heroicons:phone-20-solid',
-  iconPosition: 'left',
-  placeholder: 'Enter your phone',
-};
-
-export const IconRight = Template.bind({});
-IconRight.args = {
-  icon: 'heroicons:phone-20-solid',
-  iconPosition: 'right',
-  placeholder: 'Enter your phone',
-};
-
 export const Number = Template.bind({});
 Number.args = {
   type: 'number',

package/src/components/BaseInput.vue

@@ -1,43 +1,23 @@
 <template>
-  <div class="inline-flex rounded border border-slate-300">
-    <div
-      v-if="icon && iconPosition == 'left'"
-      class="flex shrink-0 items-center justify-center rounded-l border-r border-slate-300 bg-slate-100 px-3 text-slate-600"
-    >
-      <BaseIcon icon="heroicons:phone-20-solid" />
-    </div>
-    <input
-      ref="input"
-      :value="modelValue"
-      :type="type"
-      :name="name"
-      :step="step"
-      :disabled="disabled"
-      :placeholder="placeholder"
-      :required="required"
-      class="border-none bg-transparent outline-none focus:z-[1] focus:ring-2 focus:ring-primary-600 focus:ring-offset-1 disabled:cursor-not-allowed disabled:text-slate-300"
-      :class="{
-        'rounded-r': icon && iconPosition == 'left',
-        'rounded-l': icon && iconPosition == 'right',
-        rounded: !icon,
-      }"
-      :autocomplete="autocomplete ? 'on' : 'off'"
-      @keydown.enter="onEnter"
-      @input="$emit('update:modelValue', transformInputValue($event))"
-    />
-    <div
-      v-if="icon && iconPosition == 'right'"
-      class="flex shrink-0 items-center justify-center rounded-r border-l border-slate-300 bg-slate-100 px-3 text-slate-600"
-    >
-      <BaseIcon icon="heroicons:phone-20-solid" />
-    </div>
-  </div>
+  <input
+    ref="input"
+    :value="modelValue"
+    :type="type"
+    :name="name"
+    :step="step"
+    :disabled="disabled"
+    :placeholder="placeholder"
+    :required="required"
+    class="rounded border-slate-300 disabled:cursor-not-allowed disabled:text-slate-300"
+    :autocomplete="autocomplete ? 'on' : 'off'"
+    @keydown.enter="onEnter"
+    @input="$emit('update:modelValue', transformInputValue($event))"
+  />
 </template>
 
 <script lang="ts" setup>
 import { get, isNumber, isString, trim } from 'lodash';
 import { PropType } from 'vue';
-import { BaseIcon } from './index';
 
 const props = defineProps({
   modelValue: {
@@ -79,14 +59,6 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
-  icon: {
-    default: null,
-    type: String,
-  },
-  iconPosition: {
-    default: 'left',
-    type: String as PropType<'left' | 'right'>,
-  },
 });
 
 defineEmits(['update:modelValue']);