sprintify-ui 0.1.17 → 0.1.18

package/package.json

@@ -1,139 +1,139 @@
-{
-  "name": "sprintify-ui",
-  "version": "0.1.17",
-  "scripts": {
-    "build": "rimraf dist && vue-tsc && vite build",
-    "build-fast": "rimraf dist && vite build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "prepack": "npm run build",
-    "prepare": "husky install && relative-deps",
-    "release": "standard-version",
-    "commit": "cz"
-  },
-  "peerDependencies": {
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.8",
-    "@vueup/vue-quill": "^1.0.0",
-    "@vueuse/core": "^10.0.0",
-    "axios": "^0.26.1",
-    "croppie": "^2.6.5",
-    "flatpickr": "^4.6.13",
-    "humanize-duration": "^3.0.0",
-    "lodash": "^4.17.21",
-    "luxon": "^3.0.0",
-    "maska": "^2.1.3",
-    "microtip": "^0.2.2",
-    "object-to-formdata": "^4.4.2",
-    "pinia": "^2.0.0",
-    "qs": "^6.0.0",
-    "sortablejs": "^1.15.0",
-    "tailwindcss": "^3.0.0",
-    "vue": "^3.0.0",
-    "vue-router": "^4.0.0"
-  },
-  "dependencies": {
-    "@headlessui/vue": "^1.7.12",
-    "color2k": "^2.0.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@commitlint/cli": "^17.4.4",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@iconify/vue": "^4.1.0",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-vite": "^0.4.0",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/vue3": "^6.5.16",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/croppie": "^2.6.1",
-    "@types/google.maps": "^3.51.1",
-    "@types/humanize-duration": "^3.27.1",
-    "@types/luxon": "^3.2.0",
-    "@types/object-hash": "^2.2.1",
-    "@types/qs": "^6.9.7",
-    "@types/scroll-lock": "^2.1.0",
-    "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^5.51.0",
-    "@typescript-eslint/parser": "^5.51.0",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vueup/vue-quill": "^1.1.0",
-    "@vueuse/core": "^10.0.2",
-    "autoprefixer": "^10.4.13",
-    "axios": "^0.26.1",
-    "babel-loader": "^8.3.0",
-    "croppie": "^2.6.5",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.33.0",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-storybook": "^0.6.10",
-    "eslint-plugin-vue": "^9.9.0",
-    "eslint-plugin-vue-scoped-css": "^2.4.0",
-    "flatpickr": "^4.6.13",
-    "humanize-duration": "^3.28.0",
-    "husky": "^8.0.3",
-    "lodash": "^4.17.21",
-    "luxon": "^3.2.1",
-    "maska": "^2.1.6",
-    "microtip": "^0.2.2",
-    "object-hash": "^3.0.0",
-    "object-to-formdata": "^4.4.2",
-    "pinia": "^2.0.30",
-    "postcss": "^8.4.21",
-    "postcss-import": "^15.1.0",
-    "prettier": "^2.8.4",
-    "prettier-plugin-tailwindcss": "^0.2.2",
-    "qs": "^6.11.0",
-    "relative-deps": "^1.0.7",
-    "rimraf": "^3.0.2",
-    "rollup-plugin-analyzer": "^4.0.0",
-    "scroll-lock": "^2.1.5",
-    "sortablejs": "^1.15.0",
-    "standard-version": "^9.5.0",
-    "storybook": "^6.5.16",
-    "storybook-addon-mock": "^3.2.0",
-    "tailwindcss": "^3.2.6",
-    "typescript": "^4.9.5",
-    "unplugin-auto-import": "^0.12.2",
-    "vite": "^4.1.1",
-    "vitepress": "^0.21.6",
-    "vue": "^3.2.47",
-    "vue-i18n": "^9.2.2",
-    "vue-loader": "^17.0.1",
-    "vue-router": "^4.1.6",
-    "vue-tsc": "^1.0.24"
-  },
-  "files": [
-    "src",
-    "dist"
-  ],
-  "types": "./dist/types/src/index.d.ts",
-  "module": "./dist/sprintify-ui.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/sprintify-ui.es.js"
-    },
-    "./dist/style.css": "./dist/style.css",
-    "./tailwindcss": "./dist/tailwindcss/index.js",
-    "./dist/types/src/types": "./dist/types/src/types/index.ts"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "relativeDependencies": {}
-}
+{
+  "name": "sprintify-ui",
+  "version": "0.1.18",
+  "scripts": {
+    "build": "rimraf dist && vue-tsc && vite build",
+    "build-fast": "rimraf dist && vite build",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "prepack": "npm run build",
+    "prepare": "husky install && relative-deps",
+    "release": "standard-version",
+    "commit": "cz"
+  },
+  "peerDependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
+    "@tailwindcss/typography": "^0.5.8",
+    "@vueup/vue-quill": "^1.0.0",
+    "@vueuse/core": "^10.0.0",
+    "axios": "^0.26.1",
+    "croppie": "^2.6.5",
+    "flatpickr": "^4.6.13",
+    "humanize-duration": "^3.0.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.0.0",
+    "maska": "^2.1.3",
+    "microtip": "^0.2.2",
+    "object-to-formdata": "^4.4.2",
+    "pinia": "^2.0.0",
+    "qs": "^6.0.0",
+    "sortablejs": "^1.15.0",
+    "tailwindcss": "^3.0.0",
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.0"
+  },
+  "dependencies": {
+    "@headlessui/vue": "^1.7.12",
+    "color2k": "^2.0.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.12",
+    "@commitlint/cli": "^17.4.4",
+    "@commitlint/config-conventional": "^17.4.4",
+    "@iconify/vue": "^4.1.0",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-vite": "^0.4.0",
+    "@storybook/testing-library": "^0.0.13",
+    "@storybook/vue3": "^6.5.16",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/line-clamp": "^0.4.2",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/croppie": "^2.6.1",
+    "@types/google.maps": "^3.51.1",
+    "@types/humanize-duration": "^3.27.1",
+    "@types/luxon": "^3.2.0",
+    "@types/object-hash": "^2.2.1",
+    "@types/qs": "^6.9.7",
+    "@types/scroll-lock": "^2.1.0",
+    "@types/sortablejs": "^1.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.51.0",
+    "@typescript-eslint/parser": "^5.51.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vueup/vue-quill": "^1.1.0",
+    "@vueuse/core": "^10.0.2",
+    "autoprefixer": "^10.4.13",
+    "axios": "^0.26.1",
+    "babel-loader": "^8.3.0",
+    "croppie": "^2.6.5",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue-scoped-css": "^2.4.0",
+    "flatpickr": "^4.6.13",
+    "humanize-duration": "^3.28.0",
+    "husky": "^8.0.3",
+    "lodash": "^4.17.21",
+    "luxon": "^3.2.1",
+    "maska": "^2.1.6",
+    "microtip": "^0.2.2",
+    "object-hash": "^3.0.0",
+    "object-to-formdata": "^4.4.2",
+    "pinia": "^2.0.30",
+    "postcss": "^8.4.21",
+    "postcss-import": "^15.1.0",
+    "prettier": "^2.8.4",
+    "prettier-plugin-tailwindcss": "^0.2.2",
+    "qs": "^6.11.0",
+    "relative-deps": "^1.0.7",
+    "rimraf": "^3.0.2",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "scroll-lock": "^2.1.5",
+    "sortablejs": "^1.15.0",
+    "standard-version": "^9.5.0",
+    "storybook": "^6.5.16",
+    "storybook-addon-mock": "^3.2.0",
+    "tailwindcss": "^3.2.6",
+    "typescript": "^4.9.5",
+    "unplugin-auto-import": "^0.12.2",
+    "vite": "^4.1.1",
+    "vitepress": "^0.21.6",
+    "vue": "^3.2.47",
+    "vue-i18n": "^9.2.2",
+    "vue-loader": "^17.0.1",
+    "vue-router": "^4.1.6",
+    "vue-tsc": "^1.0.24"
+  },
+  "files": [
+    "src",
+    "dist"
+  ],
+  "types": "./dist/types/src/index.d.ts",
+  "module": "./dist/sprintify-ui.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/sprintify-ui.es.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./tailwindcss": "./dist/tailwindcss/index.js",
+    "./dist/types/src/types": "./dist/types/src/types/index.ts"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  },
+  "relativeDependencies": {}
+}

package/src/assets/form.css

@@ -1,6 +1,6 @@
-/** Placeholder color */
-
-input,
-textarea {
-  @apply placeholder-slate-400;
-}
+/** Placeholder color */
+
+input,
+textarea {
+  @apply placeholder-slate-400;
+}

package/src/assets/main.css

@@ -1,35 +1,35 @@
-@import 'microtip/microtip.css';
-@import './form.css';
-
-[aria-label][role~='tooltip']::after {
-  white-space: pre-line;
-}
-
-.btn-group {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 -0.5rem;
-
-  & > *:not(:first-child) .btn,
-  & > .btn:not(:first-child) {
-    margin-left: -1px;
-  }
-
-  & > *:first-child:not(:last-child) .btn,
-  & > .btn:first-child:not(:last-child) {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  & > *:last-child:not(:first-child) .btn,
-  & > .btn:last-child:not(:first-child) {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-  }
-
-  & > *:not(:first-child):not(:last-child) .btn,
-  & > .btn:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-}
+@import 'microtip/microtip.css';
+@import './form.css';
+
+[aria-label][role~='tooltip']::after {
+  white-space: pre-line;
+}
+
+.btn-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 -0.5rem;
+
+  & > *:not(:first-child) .btn,
+  & > .btn:not(:first-child) {
+    margin-left: -1px;
+  }
+
+  & > *:first-child:not(:last-child) .btn,
+  & > .btn:first-child:not(:last-child) {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+
+  & > *:last-child:not(:first-child) .btn,
+  & > .btn:last-child:not(:first-child) {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+
+  & > *:not(:first-child):not(:last-child) .btn,
+  & > .btn:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+}

package/src/assets/tailwind.css

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
+@tailwind base;
+@tailwind components;
 @tailwind utilities;

package/src/components/BaseActionItem.vue

@@ -1,63 +1,63 @@
-<template>
-  <RouterLink
-    v-if="to"
-    v-slot="{ isActive, href: slotHref, navigate }"
-    custom
-    :to="to"
-  >
-    <a
-      :active="isActive"
-      :href="slotHref"
-      :class="props.class"
-      :aria-current="isActive ? 'page' : undefined"
-      @click.prevent="onClick(navigate)"
-    >
-      <slot :active="isActive"> </slot>
-    </a>
-  </RouterLink>
-  <button
-    v-else-if="action"
-    type="button"
-    class="text-left"
-    :class="props.class"
-    @click="onClick(action)"
-  >
-    <slot :active="false"> </slot>
-  </button>
-  <a v-else-if="href" :href="href" :class="props.class" @click="onClick()">
-    <slot :active="false"> </slot>
-  </a>
-</template>
-
-<script lang="ts">
-export default {
-  inheritAttrs: false,
-};
-</script>
-
-<script setup lang="ts">
-import { RouteLocationRaw } from 'vue-router';
-
-const props = defineProps<{
-  to?: RouteLocationRaw;
-  href?: string;
-  action?: (() => Promise<void>) | (() => void);
-  class?: string | string[] | null;
-}>();
-
-const closeMenu = inject('closeMenu', () => {
-  return;
-}) as () => void;
-
-const emit = defineEmits(['click']);
-
-type asyncFunc = () => Promise<void>;
-
-async function onClick(func: asyncFunc | null = null) {
-  if (func) {
-    await func();
-  }
-  emit('click');
-  closeMenu();
-}
-</script>
+<template>
+  <RouterLink
+    v-if="to"
+    v-slot="{ isActive, href: slotHref, navigate }"
+    custom
+    :to="to"
+  >
+    <a
+      :active="isActive"
+      :href="slotHref"
+      :class="props.class"
+      :aria-current="isActive ? 'page' : undefined"
+      @click.prevent="onClick(navigate)"
+    >
+      <slot :active="isActive"> </slot>
+    </a>
+  </RouterLink>
+  <button
+    v-else-if="action"
+    type="button"
+    class="text-left"
+    :class="props.class"
+    @click="onClick(action)"
+  >
+    <slot :active="false"> </slot>
+  </button>
+  <a v-else-if="href" :href="href" :class="props.class" @click="onClick()">
+    <slot :active="false"> </slot>
+  </a>
+</template>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+};
+</script>
+
+<script setup lang="ts">
+import { RouteLocationRaw } from 'vue-router';
+
+const props = defineProps<{
+  to?: RouteLocationRaw;
+  href?: string;
+  action?: (() => Promise<void>) | (() => void);
+  class?: string | string[] | null;
+}>();
+
+const closeMenu = inject('closeMenu', () => {
+  return;
+}) as () => void;
+
+const emit = defineEmits(['click']);
+
+type asyncFunc = () => Promise<void>;
+
+async function onClick(func: asyncFunc | null = null) {
+  if (func) {
+    await func();
+  }
+  emit('click');
+  closeMenu();
+}
+</script>

package/src/components/BaseActionItemButton.vue

@@ -1,75 +1,75 @@
-<template>
-  <BaseActionItem
-    :to="action.to"
-    :href="action.href"
-    :action="action.action"
-    :class="classes"
-    class="flex items-center justify-center"
-  >
-    <BaseIcon
-      v-if="action.icon"
-      :icon="action.icon"
-      :class="iconClasses"
-      class="mr-2"
-    ></BaseIcon>
-    <span :class="[action.icon ? 'pr-1' : '']">{{ action.label }}</span>
-  </BaseActionItem>
-</template>
-
-<script lang="ts" setup>
-import { ActionItem } from '@/types';
-import { BaseIcon } from '..';
-import BaseActionItem from './BaseActionItem.vue';
-
-const props = withDefaults(
-  defineProps<{
-    action: ActionItem;
-    size: 'sm' | 'md' | 'lg';
-  }>(),
-  {
-    size: 'md',
-  }
-);
-
-const classes = computed(() => {
-  const classList = ['btn'];
-
-  if (props.action.color == 'primary') {
-    classList.push('btn-primary');
-  } else if (props.action.color == 'secondary') {
-    classList.push('btn-secondary-outline');
-  } else if (props.action.color == 'danger') {
-    classList.push('btn-danger');
-  } else if (props.action.color == 'warning') {
-    classList.push('btn-warning');
-  } else if (props.action.color == 'success') {
-    classList.push('btn-success');
-  } else if (props.action.color == 'light') {
-    classList.push('');
-  } else if (props.action.color == 'dark') {
-    classList.push('btn-black');
-  }
-
-  if (props.size == 'sm') {
-    classList.push('btn-sm');
-  } else if (props.size == 'lg') {
-    classList.push('btn-lg');
-  }
-
-  return classList;
-});
-
-const iconClasses = computed(() => {
-  const classList = [];
-
-  if (props.size == 'sm') {
-    classList.push('h-4 w-4');
-  } else if (props.size == 'lg') {
-    classList.push('h-6 w-6');
-  } else {
-    classList.push('h-5 w-5');
-  }
-
-  return classList;
-});
-</script>
+<template>
+  <BaseActionItem
+    :to="action.to"
+    :href="action.href"
+    :action="action.action"
+    :class="classes"
+    class="flex items-center justify-center"
+  >
+    <BaseIcon
+      v-if="action.icon"
+      :icon="action.icon"
+      :class="iconClasses"
+      class="mr-2"
+    ></BaseIcon>
+    <span :class="[action.icon ? 'pr-1' : '']">{{ action.label }}</span>
+  </BaseActionItem>
+</template>
+
+<script lang="ts" setup>
+import { ActionItem } from '@/types';
+import { BaseIcon } from '..';
+import BaseActionItem from './BaseActionItem.vue';
+
+const props = withDefaults(
+  defineProps<{
+    action: ActionItem;
+    size: 'sm' | 'md' | 'lg';
+  }>(),
+  {
+    size: 'md',
+  }
+);
+
+const classes = computed(() => {
+  const classList = ['btn'];
+
+  if (props.action.color == 'primary') {
+    classList.push('btn-primary');
+  } else if (props.action.color == 'secondary') {
+    classList.push('btn-secondary-outline');
+  } else if (props.action.color == 'danger') {
+    classList.push('btn-danger');
+  } else if (props.action.color == 'warning') {
+    classList.push('btn-warning');
+  } else if (props.action.color == 'success') {
+    classList.push('btn-success');
+  } else if (props.action.color == 'light') {
+    classList.push('');
+  } else if (props.action.color == 'dark') {
+    classList.push('btn-black');
+  }
+
+  if (props.size == 'sm') {
+    classList.push('btn-sm');
+  } else if (props.size == 'lg') {
+    classList.push('btn-lg');
+  }
+
+  return classList;
+});
+
+const iconClasses = computed(() => {
+  const classList = [];
+
+  if (props.size == 'sm') {
+    classList.push('h-4 w-4');
+  } else if (props.size == 'lg') {
+    classList.push('h-6 w-6');
+  } else {
+    classList.push('h-5 w-5');
+  }
+
+  return classList;
+});
+</script>