@antify/ui 2.2.1 → 2.2.4

package/dist/components/tabs/__stories/AntTabItem.stories.mjs

@@ -1,12 +1,22 @@
 import AntTabItem from "../AntTabItem.vue";
-import { TabItemState } from "../__types/AntTabItem.types.mjs";
-import { vueRouter } from "storybook-vue3-router";
+import {
+  TabItemState
+} from "../__types/AntTabItem.types.mjs";
+import {
+  vueRouter
+} from "storybook-vue3-router";
 const meta = {
   title: "Components/Tab Item",
   component: AntTabItem,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   decorators: [
-    () => ({ template: '<div class="dashed"><story /></div>' }),
+    () => ({
+      template: '<div class="dashed"><story /></div>'
+    }),
     vueRouter()
   ],
   argTypes: {
@@ -15,7 +25,9 @@ const meta = {
       description: "Some InputStates can have an icon. Control with this property if it gets shown or not."
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(TabItemState)
     }
   }
@@ -23,9 +35,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntTabItem },
+    components: {
+      AntTabItem
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<AntTabItem v-bind="args"/>'
   }),

package/dist/components/tabs/__stories/AntTabs.stories.mjs

@@ -1,15 +1,29 @@
 import AntTabs from "../AntTabs.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
-import { ref } from "vue";
-import { faUserCircle } from "@fortawesome/free-regular-svg-icons";
-import { TabItemState } from "../__types/AntTabItem.types.mjs";
-import { vueRouter } from "storybook-vue3-router";
+import {
+  ref
+} from "vue";
+import {
+  faUserCircle
+} from "@fortawesome/free-regular-svg-icons";
+import {
+  TabItemState
+} from "../__types/AntTabItem.types.mjs";
+import {
+  vueRouter
+} from "storybook-vue3-router";
 const meta = {
   title: "Components/Tabs",
   component: AntTabs,
-  parameters: { controls: { sort: "requiredFirst" } },
-  decorators: [vueRouter()],
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
+  decorators: [
+    vueRouter()
+  ],
   argTypes: {
     modelValue: {
       control: "text",
@@ -24,9 +38,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntTabs },
+    components: {
+      AntTabs
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <div class="dashed">
@@ -57,9 +75,13 @@ export const Docs = {
 };
 export const FixedHeight = {
   render: (args) => ({
-    components: { AntTabs },
+    components: {
+      AntTabs
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <div class="dashed h-20">
@@ -71,9 +93,15 @@ export const FixedHeight = {
 };
 export const HorizontalScrolling = {
   render: (args) => ({
-    components: { AntTabs, AntFormGroupLabel, AntFormGroup },
+    components: {
+      AntTabs,
+      AntFormGroupLabel,
+      AntFormGroup
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntFormGroup>
@@ -164,7 +192,11 @@ export const DifferentStates = {
 };
 export const Summary = {
   render: (args) => ({
-    components: { AntTabs, AntFormGroupLabel, AntFormGroup },
+    components: {
+      AntTabs,
+      AntFormGroupLabel,
+      AntFormGroup
+    },
     setup() {
       const value_1 = ref();
       const value_2 = ref();

package/dist/components/transitions/AntTransitionCollapseHeight.vue

@@ -83,7 +83,7 @@ function afterLeave(element) {
     @leave="leave"
     @after-leave="afterLeave"
   >
-    <slot/>
+    <slot />
   </transition>
 </template>
 

package/dist/composables/useToaster.mjs

@@ -1,10 +1,16 @@
-import { ref } from "vue";
-import { InputState } from "../enums/index.mjs";
+import {
+  ref
+} from "vue";
+import {
+  InputState
+} from "../enums/index.mjs";
 export const useToaster = () => {
   const toasts = ref([]);
   return {
     getToasts() {
-      return [...toasts.value].reverse();
+      return [
+        ...toasts.value
+      ].reverse();
     },
     toast(toast) {
       const id = `${Date.now()}`;
@@ -26,16 +32,28 @@ export const useToaster = () => {
       }
     },
     toastSuccess(message) {
-      this.toast({ title: message, type: InputState.success });
+      this.toast({
+        title: message,
+        type: InputState.success
+      });
     },
     toastError(message) {
-      this.toast({ title: message, type: InputState.danger });
+      this.toast({
+        title: message,
+        type: InputState.danger
+      });
     },
     toastWarning(message) {
-      this.toast({ title: message, type: InputState.warning });
+      this.toast({
+        title: message,
+        type: InputState.warning
+      });
     },
     toastInfo(message) {
-      this.toast({ title: message, type: InputState.info });
+      this.toast({
+        title: message,
+        type: InputState.info
+      });
     },
     toastDeleted() {
       this.toastSuccess("Deleted");

package/dist/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";@theme inline{--color-base-50:var(--color-slate-50);--color-base-100:var(--color-slate-100);--color-base-200:var(--color-slate-200);--color-base-300:var(--color-slate-300);--color-base-400:var(--color-slate-400);--color-base-500:var(--color-slate-500);--color-base-600:var(--color-slate-600);--color-base-700:var(--color-slate-700);--color-base-800:var(--color-slate-800);--color-base-900:var(--color-slate-900);--color-base-950:var(--color-slate-950);--color-primary-50:var(--color-sky-50);--color-primary-100:var(--color-sky-100);--color-primary-200:var(--color-sky-200);--color-primary-300:var(--color-sky-300);--color-primary-400:var(--color-sky-400);--color-primary-500:var(--color-sky-500);--color-primary-600:var(--color-sky-600);--color-primary-700:var(--color-sky-700);--color-primary-800:var(--color-sky-800);--color-primary-900:var(--color-sky-900);--color-primary-950:var(--color-sky-950);--color-secondary-50:var(--color-lime-50);--color-secondary-100:var(--color-lime-100);--color-secondary-200:var(--color-lime-200);--color-secondary-300:var(--color-lime-300);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-500);--color-secondary-600:var(--color-lime-600);--color-secondary-700:var(--color-lime-700);--color-secondary-800:var(--color-lime-800);--color-secondary-900:var(--color-lime-900);--color-secondary-950:var(--color-lime-950);--color-info-50:var(--color-blue-50);--color-info-100:var(--color-blue-100);--color-info-200:var(--color-blue-200);--color-info-300:var(--color-blue-300);--color-info-400:var(--color-blue-400);--color-info-500:var(--color-blue-500);--color-info-600:var(--color-blue-600);--color-info-700:var(--color-blue-700);--color-info-800:var(--color-blue-800);--color-info-900:var(--color-blue-900);--color-info-950:var(--color-blue-950);--color-success-50:var(--color-green-50);--color-success-100:var(--color-green-100);--color-success-200:var(--color-green-200);--color-success-300:var(--color-green-300);--color-success-400:var(--color-green-400);--color-success-500:var(--color-green-500);--color-success-600:var(--color-green-600);--color-success-700:var(--color-green-700);--color-success-800:var(--color-green-800);--color-success-900:var(--color-green-900);--color-success-950:var(--color-green-950);--color-warning-50:var(--color-yellow-50);--color-warning-100:var(--color-yellow-100);--color-warning-200:var(--color-yellow-200);--color-warning-300:var(--color-yellow-300);--color-warning-400:var(--color-yellow-400);--color-warning-500:var(--color-yellow-500);--color-warning-600:var(--color-yellow-600);--color-warning-700:var(--color-yellow-700);--color-warning-800:var(--color-yellow-800);--color-warning-900:var(--color-yellow-900);--color-warning-950:var(--color-yellow-950);--color-danger-50:var(--color-red-50);--color-danger-100:var(--color-red-100);--color-danger-200:var(--color-red-200);--color-danger-300:var(--color-red-300);--color-danger-400:var(--color-red-400);--color-danger-500:var(--color-red-500);--color-danger-600:var(--color-red-600);--color-danger-700:var(--color-red-700);--color-danger-800:var(--color-red-800);--color-danger-900:var(--color-red-900);--color-danger-950:var(--color-red-950);--color-for-white-bg-font:var(--color-base-600);--color-for-black-bg-font:var(--color-base-100);--color-base-50-font:var(--color-base-600);--color-base-100-font:var(--color-base-600);--color-base-200-font:var(--color-base-600);--color-base-300-font:var(--color-base-600);--color-base-400-font:var(--color-base-600);--color-base-500-font:var(--color-base-100);--color-base-600-font:var(--color-base-100);--color-base-700-font:var(--color-base-100);--color-base-800-font:var(--color-base-100);--color-base-900-font:var(--color-base-100);--color-base-950-font:var(--color-base-100);--color-primary-50-font:var(--color-base-600);--color-primary-100-font:var(--color-base-600);--color-primary-200-font:var(--color-base-600);--color-primary-300-font:var(--color-base-600);--color-primary-400-font:var(--color-base-600);--color-primary-500-font:var(--color-base-100);--color-primary-600-font:var(--color-base-100);--color-primary-700-font:var(--color-base-100);--color-primary-800-font:var(--color-base-100);--color-primary-900-font:var(--color-base-100);--color-primary-950-font:var(--color-base-100);--color-secondary-50-font:var(--color-base-600);--color-secondary-100-font:var(--color-base-600);--color-secondary-200-font:var(--color-base-600);--color-secondary-300-font:var(--color-base-600);--color-secondary-400-font:var(--color-base-600);--color-secondary-500-font:var(--color-base-100);--color-secondary-600-font:var(--color-base-100);--color-secondary-700-font:var(--color-base-100);--color-secondary-800-font:var(--color-base-100);--color-secondary-900-font:var(--color-base-100);--color-secondary-950-font:var(--color-base-100);--color-success-50-font:var(--color-base-600);--color-success-100-font:var(--color-base-600);--color-success-200-font:var(--color-base-600);--color-success-300-font:var(--color-base-600);--color-success-400-font:var(--color-base-600);--color-success-500-font:var(--color-base-100);--color-success-600-font:var(--color-base-100);--color-success-700-font:var(--color-base-100);--color-success-800-font:var(--color-base-100);--color-success-900-font:var(--color-base-100);--color-success-950-font:var(--color-base-100);--color-info-50-font:var(--color-base-600);--color-info-100-font:var(--color-base-600);--color-info-200-font:var(--color-base-600);--color-info-300-font:var(--color-base-600);--color-info-400-font:var(--color-base-600);--color-info-500-font:var(--color-base-100);--color-info-600-font:var(--color-base-100);--color-info-700-font:var(--color-base-100);--color-info-800-font:var(--color-base-100);--color-info-900-font:var(--color-base-100);--color-info-950-font:var(--color-base-100);--color-warning-50-font:var(--color-base-600);--color-warning-100-font:var(--color-base-600);--color-warning-200-font:var(--color-base-600);--color-warning-300-font:var(--color-base-600);--color-warning-400-font:var(--color-base-600);--color-warning-500-font:var(--color-base-100);--color-warning-600-font:var(--color-base-100);--color-warning-700-font:var(--color-base-100);--color-warning-800-font:var(--color-base-100);--color-warning-900-font:var(--color-base-100);--color-warning-950-font:var(--color-base-100);--color-danger-50-font:var(--color-base-600);--color-danger-100-font:var(--color-base-600);--color-danger-200-font:var(--color-base-600);--color-danger-300-font:var(--color-base-600);--color-danger-400-font:var(--color-base-600);--color-danger-500-font:var(--color-base-100);--color-danger-600-font:var(--color-base-100);--color-danger-700-font:var(--color-base-100);--color-danger-800-font:var(--color-base-100);--color-danger-900-font:var(--color-base-100);--color-danger-950-font:var(--color-base-100);--text-2xs:0.625rem;--text-2xs--line-height:0.75rem;--animate-skeleton:skeleton 2s ease-out infinite;@keyframes skeleton{0%,to{background-color:var(--color-base-300)}50%{background-color:var(--color-base-100)}}}

package/dist/utils.mjs

@@ -1,4 +1,6 @@
-import { Fragment } from "vue";
+import {
+  Fragment
+} from "vue";
 export function classesToObjectSyntax(classes) {
   if (typeof classes === "object") {
     return classes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "2.2.1",
+  "version": "2.2.4",
   "private": false,
   "type": "module",
   "exports": {
@@ -14,10 +14,9 @@
       "import": "./dist/components/index.mjs",
       "require": "./dist/components/index.js"
     },
-    "./config": {
-      "types": "./dist/tailwind.config.d.ts",
-      "import": "./dist/tailwind.config.mjs",
-      "require": "./dist/tailwind.config.js"
+    "./styles": {
+      "import": "./dist/index.css",
+      "require": "./dist/index.css"
     },
     "./install": {
       "types": "./dist/install.d.ts",
@@ -42,7 +41,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^4.0.3",
     "vue": "^3.4.29"
   },
   "dependencies": {
@@ -50,6 +49,7 @@
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.5",
+    "@tailwindcss/vite": "^4.0.3",
     "@tiptap/extension-heading": "^2.1.16",
     "@tiptap/extension-underline": "^2.1.16",
     "@tiptap/pm": "^2.1.16",
@@ -63,16 +63,19 @@
   },
   "devDependencies": {
     "@antify/validate": "^1.14.0",
-    "@chromatic-com/storybook": "^1.7.0",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@eslint/js": "^9.19.0",
     "@faker-js/faker": "^8.4.1",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@storybook/vue3": "^8.2.9",
-    "@storybook/vue3-vite": "^8.2.9",
+    "@nuxt/eslint-plugin": "^1.0.0",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-onboarding": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/test": "^8.5.3",
+    "@storybook/vue3": "^8.5.3",
+    "@storybook/vue3-vite": "^8.5.3",
+    "@stylistic/eslint-plugin": "^3.0.1",
     "@tsconfig/node20": "^20.1.4",
     "@types/big.js": "^6.2.2",
     "@types/jsdom": "^21.1.7",
@@ -81,12 +84,16 @@
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "chromatic": "^11.7.1",
+    "eslint-plugin-storybook": "^0.11.2",
+    "eslint-plugin-vue": "^9.32.0",
+    "globals": "^15.14.0",
     "jsdom": "^24.1.0",
     "npm-run-all2": "^6.2.0",
     "standard-version": "^9.5.0",
-    "storybook": "^8.2.9",
+    "storybook": "^8.5.3",
     "storybook-vue3-router": "^5.0.0",
     "typescript": "~5.5.0",
+    "typescript-eslint": "^8.23.0",
     "unbuild": "^2.0.0",
     "vite": "^5.3.1",
     "vitest": "^1.6.0",

package/dist/tailwind.config.d.ts

@@ -1,3 +0,0 @@
-import { type Config } from 'tailwindcss';
-declare const _default: Config;
-export default _default;

package/dist/tailwind.config.js

@@ -1,198 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _colors = _interopRequireDefault(require("tailwindcss/colors.js"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const colors = {
-  "transparent": _colors.default.transparent,
-  "white": _colors.default.white,
-  "black": _colors.default.black,
-  "base-50": _colors.default.slate["50"],
-  "base-100": _colors.default.slate["100"],
-  "base-200": _colors.default.slate["200"],
-  "base-300": _colors.default.slate["300"],
-  "base-400": _colors.default.slate["400"],
-  "base-500": _colors.default.slate["500"],
-  "base-600": _colors.default.slate["600"],
-  "base-700": _colors.default.slate["700"],
-  "base-800": _colors.default.slate["800"],
-  "base-900": _colors.default.slate["900"],
-  "base-950": _colors.default.slate["950"],
-  "primary-50": _colors.default.sky["50"],
-  "primary-100": _colors.default.sky["100"],
-  "primary-200": _colors.default.sky["200"],
-  "primary-300": _colors.default.sky["300"],
-  "primary-400": _colors.default.sky["400"],
-  "primary-500": _colors.default.sky["500"],
-  "primary-600": _colors.default.sky["600"],
-  "primary-700": _colors.default.sky["700"],
-  "primary-800": _colors.default.sky["800"],
-  "primary-900": _colors.default.sky["900"],
-  "primary-950": _colors.default.sky["950"],
-  "secondary-50": _colors.default.lime["50"],
-  "secondary-100": _colors.default.lime["100"],
-  "secondary-200": _colors.default.lime["200"],
-  "secondary-300": _colors.default.lime["300"],
-  "secondary-400": _colors.default.lime["400"],
-  "secondary-500": _colors.default.lime["500"],
-  "secondary-600": _colors.default.lime["600"],
-  "secondary-700": _colors.default.lime["700"],
-  "secondary-800": _colors.default.lime["800"],
-  "secondary-900": _colors.default.lime["900"],
-  "secondary-950": _colors.default.lime["950"],
-  "info-50": _colors.default.blue["50"],
-  "info-100": _colors.default.blue["100"],
-  "info-200": _colors.default.blue["200"],
-  "info-300": _colors.default.blue["300"],
-  "info-400": _colors.default.blue["400"],
-  "info-500": _colors.default.blue["500"],
-  "info-600": _colors.default.blue["600"],
-  "info-700": _colors.default.blue["700"],
-  "info-800": _colors.default.blue["800"],
-  "info-900": _colors.default.blue["900"],
-  "info-950": _colors.default.blue["950"],
-  "success-50": _colors.default.green["50"],
-  "success-100": _colors.default.green["100"],
-  "success-200": _colors.default.green["200"],
-  "success-300": _colors.default.green["300"],
-  "success-400": _colors.default.green["400"],
-  "success-500": _colors.default.green["500"],
-  "success-600": _colors.default.green["600"],
-  "success-700": _colors.default.green["700"],
-  "success-800": _colors.default.green["800"],
-  "success-900": _colors.default.green["900"],
-  "success-950": _colors.default.green["950"],
-  "warning-50": _colors.default.yellow["50"],
-  "warning-100": _colors.default.yellow["100"],
-  "warning-200": _colors.default.yellow["200"],
-  "warning-300": _colors.default.yellow["300"],
-  "warning-400": _colors.default.yellow["400"],
-  "warning-500": _colors.default.yellow["500"],
-  "warning-600": _colors.default.yellow["600"],
-  "warning-700": _colors.default.yellow["700"],
-  "warning-800": _colors.default.yellow["800"],
-  "warning-900": _colors.default.yellow["900"],
-  "warning-950": _colors.default.yellow["950"],
-  "danger-50": _colors.default.red["50"],
-  "danger-100": _colors.default.red["100"],
-  "danger-200": _colors.default.red["200"],
-  "danger-300": _colors.default.red["300"],
-  "danger-400": _colors.default.red["400"],
-  "danger-500": _colors.default.red["500"],
-  "danger-600": _colors.default.red["600"],
-  "danger-700": _colors.default.red["700"],
-  "danger-800": _colors.default.red["800"],
-  "danger-900": _colors.default.red["900"],
-  "danger-950": _colors.default.red["950"]
-};
-const fontColors = {
-  "for-white-bg-font": colors["base-600"],
-  "for-black-bg-font": colors["base-100"],
-  "base-50-font": colors["base-600"],
-  "base-100-font": colors["base-600"],
-  "base-200-font": colors["base-600"],
-  "base-300-font": colors["base-600"],
-  "base-400-font": colors["base-600"],
-  "base-500-font": colors["base-100"],
-  "base-600-font": colors["base-100"],
-  "base-700-font": colors["base-100"],
-  "base-800-font": colors["base-100"],
-  "base-900-font": colors["base-100"],
-  "base-950-font": colors["base-100"],
-  "primary-50-font": colors["base-600"],
-  "primary-100-font": colors["base-600"],
-  "primary-200-font": colors["base-600"],
-  "primary-300-font": colors["base-600"],
-  "primary-400-font": colors["base-600"],
-  "primary-500-font": colors["base-100"],
-  "primary-600-font": colors["base-100"],
-  "primary-700-font": colors["base-100"],
-  "primary-800-font": colors["base-100"],
-  "primary-900-font": colors["base-100"],
-  "primary-950-font": colors["base-100"],
-  "secondary-50-font": colors["base-600"],
-  "secondary-100-font": colors["base-600"],
-  "secondary-200-font": colors["base-600"],
-  "secondary-300-font": colors["base-600"],
-  "secondary-400-font": colors["base-600"],
-  "secondary-500-font": colors["base-100"],
-  "secondary-600-font": colors["base-100"],
-  "secondary-700-font": colors["base-100"],
-  "secondary-800-font": colors["base-100"],
-  "secondary-900-font": colors["base-100"],
-  "secondary-950-font": colors["base-100"],
-  "success-50-font": colors["base-600"],
-  "success-100-font": colors["base-600"],
-  "success-200-font": colors["base-600"],
-  "success-300-font": colors["base-600"],
-  "success-400-font": colors["base-600"],
-  "success-500-font": colors["base-100"],
-  "success-600-font": colors["base-100"],
-  "success-700-font": colors["base-100"],
-  "success-800-font": colors["base-100"],
-  "success-900-font": colors["base-100"],
-  "success-950-font": colors["base-100"],
-  "info-50-font": colors["base-600"],
-  "info-100-font": colors["base-600"],
-  "info-200-font": colors["base-600"],
-  "info-300-font": colors["base-600"],
-  "info-400-font": colors["base-600"],
-  "info-500-font": colors["base-100"],
-  "info-600-font": colors["base-100"],
-  "info-700-font": colors["base-100"],
-  "info-800-font": colors["base-100"],
-  "info-900-font": colors["base-100"],
-  "info-950-font": colors["base-100"],
-  "warning-50-font": colors["base-600"],
-  "warning-100-font": colors["base-600"],
-  "warning-200-font": colors["base-600"],
-  "warning-300-font": colors["base-600"],
-  "warning-400-font": colors["base-600"],
-  "warning-500-font": colors["base-100"],
-  "warning-600-font": colors["base-100"],
-  "warning-700-font": colors["base-100"],
-  "warning-800-font": colors["base-100"],
-  "warning-900-font": colors["base-100"],
-  "warning-950-font": colors["base-100"],
-  "danger-50-font": colors["base-600"],
-  "danger-100-font": colors["base-600"],
-  "danger-200-font": colors["base-600"],
-  "danger-300-font": colors["base-600"],
-  "danger-400-font": colors["base-600"],
-  "danger-500-font": colors["base-100"],
-  "danger-600-font": colors["base-100"],
-  "danger-700-font": colors["base-100"],
-  "danger-800-font": colors["base-100"],
-  "danger-900-font": colors["base-100"],
-  "danger-950-font": colors["base-100"]
-};
-module.exports = {
-  content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
-  theme: {
-    colors: {
-      ...colors,
-      ...fontColors
-    },
-    extend: {
-      fontSize: {
-        "2xs": ["0.625rem", "0.75rem"]
-      },
-      animation: {
-        skeleton: "skeleton 2s ease-out infinite"
-      },
-      keyframes: {
-        "skeleton": {
-          "0%, 100%": {
-            "background-color": colors["base-300"]
-          },
-          "50%": {
-            "background-color": colors["base-100"]
-          }
-        }
-      }
-    }
-  }
-};