@indielayer/ui 1.0.0-alpha.0 → 1.0.0-alpha.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 - Indielayer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,86 +1,40 @@
-<a href="https://indielayer.com/">
-  <img src="https://user-images.githubusercontent.com/3942799/90314498-25807a80-df0c-11ea-9e3a-b2b919bc9f10.png" alt="Indielayer" width="300" />
-</a>
+![IndielayerUI-Logo-Dark](.github/logo_dark.svg#gh-dark-mode-only)
+![IndielayerUI-Logo-Light](.github/logo.svg#gh-light-mode-only)
 
-> Tools for creators.
+<p>
+  <a href="https://github.com/indielayer/ui/actions/workflows/update_docs.yml"><img src="https://github.com/indielayer/ui/actions/workflows/update_docs.yml/badge.svg?branch=main&event=push" alt="Update docs"></a>
+  <a href="https://www.npmjs.com/package/@indielayer/ui/v/alpha"><img src="https://badgen.net/npm/dm/@indielayer/ui" alt="Downloads"></a>
+  <a href="https://www.npmjs.com/package/@indielayer/ui/v/alpha"><img src="https://badgen.net/npm/v/@indielayer/ui/alpha" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/@indielayer/ui"><img src="https://badgen.net/npm/license/@indielayer/ui" alt="License"></a>
+</p>
 
-## Indielayer UI
+Vue 3 & Nuxt 3 UI Components built with Tailwind 3. **Build and prototype fast web applications.** 🚀
 
-> [Tailwind CSS](https://tailwindcss.com) UI components for Vue.js 3 / Nuxt.js 3. Build and prototype fast web applications.
-
-- [📖 Documentation](https://indielayer.com/ui)
-
-## Getting Started
-
-> [tailwindcss](https://tailwindcss.com) version >= 3.0 must be already present in your application
-
-#### 1. Add `@indielayer/ui` dependency to your project
+## 📖 Documentation
+Read the <a href="https://indielayer.com/ui">Online Documentation</a>.
 
+## Quickstart
 ```bash
-# using npm
-npm install @indielayer/ui --save-dev
-# using yarn
-yarn add @indielayer/ui --dev
-```
-
-#### 2. Add Indielayer UI Tailwind CSS preset `tailwind-preset.js` to your Tailwind CSS configuration file `tailwind.config.js` with the purge css configurations
-
-```javascript
-// tailwind.config.js
-const indielayer = require('@indielayer/ui/tailwind.preset')
-
-module.exports = {
-  // load indielayer ui presets
-  presets: [indielayer()],
-  // allow PurgeCSS to analyze components
-  content: [
-    'node_modules/@indielayer/ui/**/*',
-    './src/**/*.vue',
-  ],
-};
+npm init @indielayer/ui
 ```
 
-### 3. Load the plugin
-#### Load the plugin in your vue 3 application
-
-```javascript
-import { createApp } from 'vue'
-import UI from '@indielayer/ui'
+---
 
-const app = createApp(App)
+### Development
 
-app.use(UI, { prefix: 'X' })
+- Clone repository
+- Ensure you have the latest LTS version of Node.js installed
+- Install dependencies with `pnpm install`
+- Run `pnpm dev` to enter dev mode watch
+- Develop docs with `pnpm run docs`
 
-// or
-import {
-  Input,
-  Button,
-  // ...
-} from '@indielayer/ui'
+### Documentation
 
-app.component('XButton', Button)
-app.component('XInput', Input)
-```
-
-#### Load the module in your nuxt 3 application
+The documentation is located inside [/packages/docs](./packages/docs)
 
-```javascript
-import { defineNuxtConfig } from 'nuxt3'
+- Run `pnpm build` once from project root to build the UI library
+- Run `pnpm run docs` from project root to enter docs dev mode
 
-export default defineNuxtConfig({
-  css: ["~/assets/css/tailwind.css"],
-  buildModules: ['@indielayer/ui/nuxt'],
-  build: {
-    postcss: {
-      postcssOptions: {
-        plugins: {
-          tailwindcss: {},
-          autoprefixer: {},
-        },
-      },
-    },
-  },
-})
-```
+## License
 
-[📖 &nbsp;Read more](https://indielayer.com/ui)
+[MIT](./LICENSE)

package/lib/components/avatar/Avatar.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/badge/Badge.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/button/Button.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/button/ButtonGroup.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/checkbox/Checkbox.vue.d.ts

@@ -1,3 +1,4 @@
+import { type StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     glow: BooleanConstructor;
@@ -21,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -29,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     checked: import("vue").Ref<boolean>;
     sizeClasses: import("vue").ComputedRef<"h-4 w-4" | "h-6 w-6" | "h-5 w-5">;
     iconSizeClasses: import("vue").ComputedRef<"h-3 w-3" | "h-4 w-4" | "h-2 w-2">;
-    cssVariables: import("vue").ComputedRef<Record<string, string> | (string | object)[]>;
+    cssVariables: import("vue").ComputedRef<Record<string, string> | StyleValue>;
     toggle: () => void;
     isFirstValidation: import("vue").Ref<boolean>;
     errorInternal: any;
@@ -62,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/drawer/Drawer.vue.d.ts

@@ -63,11 +63,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    height: string | number;
+    width: string | number;
     position: "top" | "bottom" | "left" | "right";
     to: string | HTMLElement;
     modelValue: boolean;
-    height: string | number;
-    width: string | number;
     backdrop: boolean;
 }>;
 export default _default;

package/lib/components/icon/Icon.vue.d.ts

@@ -9,11 +9,15 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
-    icons: any;
+    attrs: import("vue").Ref<{}>;
+    isWrapSVG: import("vue").Ref<boolean>;
+    computedIcon: import("vue").Ref<string>;
+    computedFilled: import("vue").Ref<boolean>;
+    computedViewBox: import("vue").Ref<string>;
     sizeClasses: import("vue").ComputedRef<"h-3 w-3" | "h-4 w-4" | "h-6 w-6" | "h-9 w-9" | "h-5 w-5">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
@@ -26,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/index.d.ts

@@ -37,8 +37,8 @@ export { default as XTableCell } from './table/TableCell.vue';
 export { default as XTableHead } from './table/TableHead.vue';
 export { default as XTableHeader } from './table/TableHeader.vue';
 export { default as XTableRow } from './table/TableRow.vue';
-export { default as XTab } from './tabs/Tab.vue';
-export { default as XTabs } from './tabs/Tabs.vue';
+export { default as XTab } from './tab/Tab.vue';
+export { default as XTabGroup } from './tab/TabGroup.vue';
 export { default as XTag } from './tag/Tag.vue';
 export { default as XTextarea } from './textarea/Textarea.vue';
 export { default as XToggle } from './toggle/Toggle.vue';

package/lib/components/input/Input.vue.d.ts

@@ -37,13 +37,14 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
     currentType: import("vue").Ref<string>;
     labelClasses: import("vue").ComputedRef<"" | "text-xs" | "text-sm" | "text-lg" | "text-xl">;
     sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-2 py-2 text-sm" | "px-4 py-3 text-lg" | "px-5 py-4 text-xl" | "px-3 py-2">;
+    style: string;
     elRef: import("vue").Ref<HTMLInputElement | undefined>;
     onChange: (e: Event) => void;
     togglePasswordVisibility: () => void;
@@ -94,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/menu/Menu.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/menu/MenuItem.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         color: string;
         onClick: (Function & ((...args: any[]) => any)) | undefined;
         icon: string | undefined;
-        size: import("@/composables/common").Size;
+        size: import("../../composables/common").Size;
         filled: boolean;
         rounded: boolean;
         item: Record<string, any>;
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/notifications/Notifications.vue.d.ts

@@ -12,7 +12,7 @@ export declare type NotificationEvent = {
     action?: NotificationAction;
     iconColor?: string;
     title?: string;
-    style?: string | object;
+    style?: string;
     message?: string;
     timeout?: number;
     removable?: boolean;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         } | undefined;
         iconColor?: string | undefined;
         title?: string | undefined;
-        style?: string | object | undefined;
+        style?: string | undefined;
         message?: string | undefined;
         timeout?: number | undefined;
         removable?: boolean | undefined;

package/lib/components/pagination/Pagination.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -25,6 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     nextIcon: string;
     quickInput: import("vue").Ref<string>;
     quickButtonSize: import("vue").ComputedRef<"xs" | "sm" | "md" | "lg">;
+    style: string;
     onQuickInput: () => void;
     prevPage: () => void;
     nextPage: () => void;
@@ -43,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     links: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/radio/Radio.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/select/Select.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     labelClasses: import("vue").ComputedRef<"" | "text-xs" | "text-sm" | "text-lg" | "text-xl">;
     sizeClasses: import("vue").ComputedRef<"px-2 py-1 text-xs" | "px-2 py-2 text-sm" | "px-4 py-3 text-lg" | "px-5 py-4 text-xl" | "px-3 py-2">;
+    style: string;
     isEmpty: (value: string | number | []) => boolean;
     getLabel: (value: string | number | []) => string;
     handleRemove: (e: Event, value: string) => void;
@@ -81,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     size: {
-        readonly type: PropType<import("@/composables/common").Size>;
+        readonly type: PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/slider/Slider.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/components/spacer/Spacer.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {}>;

package/lib/components/{tabs → tab}/Tab.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     disabled: BooleanConstructor;
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>>, {

package/lib/components/table/TableBody.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/components/table/TableHead.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/components/tag/Tag.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

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

@@ -31,16 +31,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
     elRef: import("vue").Ref<HTMLTextAreaElement | undefined>;
+    style: string;
     onInput: () => void;
     onEnter: (e: KeyboardEvent) => void;
     isFirstValidation: import("vue").Ref<boolean>;
@@ -84,12 +81,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {
@@ -98,7 +91,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     dir: string;
     required: boolean;
-    color: string;
     disabled: boolean;
     loading: boolean;
     validateOnInput: boolean;

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }, {
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: import("vue").PropType<import("@/composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
         readonly validator: (value: string) => boolean;
     };
 }>> & {

package/lib/composables/keys.d.ts

@@ -2,5 +2,6 @@ import type { InjectionKey } from 'vue';
 export declare const injectTabKey: InjectionKey<any>;
 export declare const injectFormKey: InjectionKey<any>;
 export declare const injectIconsKey: InjectionKey<any>;
+export declare const injectColorsKey: InjectionKey<any>;
 export declare const injectButtonGroupKey: InjectionKey<any>;
 export declare const injectNotificationKey: InjectionKey<any>;