@codemonster-ru/vueforge 0.3.5 → 0.6.0

package/dist/package/themes/default/components/checkbox.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    size: string;
+    gap: string;
+    borderRadius: string;
+    checkBorderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    checkedBackgroundColor: string;
+    checkedBorderColor: string;
+    checkColor: string;
+    textColor: string;
+    disabledOpacity: string;
+};
+export default _default;

package/dist/package/themes/default/components/input.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    gap: string;
+    fontSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    placeholderColor: string;
+    focusBorderColor: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    small: {
+        padding: string;
+        fontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/menu.d.ts

@@ -1,4 +1,8 @@
 declare const _default: {
+    iconGap: string;
+    submenuOffset: string;
+    separatorThickness: string;
+    separatorHeight: string;
     separatorColor: string;
     link: {
         hoverColor: string;

package/dist/package/themes/default/components/select.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    minWidth: string;
+    fontSize: string;
+    controlGap: string;
+    chevronSize: string;
+    padding: string;
+    borderRadius: string;
+    borderColor: string;
+    backgroundColor: string;
+    textColor: string;
+    focusBorderColor: string;
+    hoverBorderColor: string;
+    disabledOpacity: string;
+    panelBackgroundColor: string;
+    panelBorderColor: string;
+    panelPadding: string;
+    panelMaxHeight: string;
+    panelRadiusOffset: string;
+    panelShadow: string;
+    focusRingShadow: string;
+    optionPadding: string;
+    optionBorderRadius: string;
+    optionHoverBackgroundColor: string;
+    optionActiveBackgroundColor: string;
+    optionActiveTextColor: string;
+    small: {
+        padding: string;
+        fontSize: string;
+    };
+    large: {
+        padding: string;
+        fontSize: string;
+    };
+};
+export default _default;

package/dist/package/themes/default/components/switch.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    width: string;
+    height: string;
+    thumbSize: string;
+    gap: string;
+    thumbOffset: string;
+    thumbTranslateOffset: string;
+    backgroundColor: string;
+    checkedBackgroundColor: string;
+    thumbColor: string;
+    textColor: string;
+    disabledOpacity: string;
+};
+export default _default;

package/dist/package/themes/default/index.d.ts

@@ -11,6 +11,7 @@ declare const _default: {
                 purple: string;
                 gray: string;
             };
+            borderWidth: string;
             colorScheme: {
                 light: {
                     bgColor: string;
@@ -33,9 +34,11 @@ declare const _default: {
             };
         };
         button: {
+            fontSize: string;
             padding: string;
             borderRadius: string;
             roundedBorderRadius: string;
+            iconGap: string;
             small: {
                 fontSize: string;
                 padding: string;
@@ -179,33 +182,36 @@ declare const _default: {
             borderRadius: string;
         };
         codeBlock: {};
-        container: {
-            padding: string;
-        };
-        content: {};
-        demo: {};
-        footer: {
-            color: string;
-            padding: string;
-            marginTop: string;
-            borderTop: string;
-            borderColor: string;
-            backgroundColor: string;
-        };
-        header: {
-            height: string;
+        input: {
+            gap: string;
+            fontSize: string;
             padding: string;
+            borderRadius: string;
             borderColor: string;
-            borderBottom: string;
-            marginBottom: string;
             backgroundColor: string;
+            textColor: string;
+            placeholderColor: string;
+            focusBorderColor: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            small: {
+                padding: string;
+                fontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+            };
         };
         link: {
             hoverColor: string;
             activeColor: string;
         };
-        logo: {};
         menu: {
+            iconGap: string;
+            submenuOffset: string;
+            separatorThickness: string;
+            separatorHeight: string;
             separatorColor: string;
             link: {
                 hoverColor: string;
@@ -225,6 +231,66 @@ declare const _default: {
         popover: {
             backgroundColor: string;
         };
+        select: {
+            minWidth: string;
+            fontSize: string;
+            controlGap: string;
+            chevronSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            focusBorderColor: string;
+            hoverBorderColor: string;
+            disabledOpacity: string;
+            panelBackgroundColor: string;
+            panelBorderColor: string;
+            panelPadding: string;
+            panelMaxHeight: string;
+            panelRadiusOffset: string;
+            panelShadow: string;
+            focusRingShadow: string;
+            optionPadding: string;
+            optionBorderRadius: string;
+            optionHoverBackgroundColor: string;
+            optionActiveBackgroundColor: string;
+            optionActiveTextColor: string;
+            small: {
+                padding: string;
+                fontSize: string;
+            };
+            large: {
+                padding: string;
+                fontSize: string;
+            };
+        };
+        checkbox: {
+            size: string;
+            gap: string;
+            borderRadius: string;
+            checkBorderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            checkedBackgroundColor: string;
+            checkedBorderColor: string;
+            checkColor: string;
+            textColor: string;
+            disabledOpacity: string;
+        };
+        switch: {
+            width: string;
+            height: string;
+            thumbSize: string;
+            gap: string;
+            thumbOffset: string;
+            thumbTranslateOffset: string;
+            backgroundColor: string;
+            checkedBackgroundColor: string;
+            thumbColor: string;
+            textColor: string;
+            disabledOpacity: string;
+        };
     };
     colors: {
         white: string;
@@ -236,6 +302,7 @@ declare const _default: {
         purple: string;
         gray: string;
     };
+    borderWidth: string;
     colorScheme: {
         light: {
             bgColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.3.5",
+    "version": "0.6.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",
@@ -8,7 +8,18 @@
         "type": "git",
         "url": "https://github.com/codemonster-ru/vueforge.git"
     },
-    "keywords": [],
+    "keywords": [
+        "vue",
+        "vue3",
+        "ui",
+        "components",
+        "component-library",
+        "ui-kit",
+        "design-system",
+        "theming",
+        "typescript",
+        "vite"
+    ],
     "main": "./dist/index.ts.umd.js",
     "module": "./dist/index.ts.mjs",
     "types": "./dist/index.d.ts",
@@ -34,15 +45,16 @@
     ],
     "scripts": {
         "dev": "vite dev --force --mode development",
-        "build": "vite build --mode production"
+        "build": "vite build --mode production",
+        "lint": "eslint . --ext .ts,.vue",
+        "typecheck": "vue-tsc --noEmit"
     },
     "peerDependencies": {
+        "@codemonster-ru/vueiconify": "^0.7.0",
         "vue": "^3.0.0",
-        "vue-router": "^4.4.5",
-        "@codemonster-ru/vueiconify": "^0.7.0"
+        "vue-router": "^4.4.5"
     },
     "devDependencies": {
-        "pinia": "^2.2.4",
         "@types/node": "^20.14.10",
         "@typescript-eslint/eslint-plugin": "^7.16.0",
         "@vitejs/plugin-vue": "^5.0.5",
@@ -51,6 +63,7 @@
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-prettier": "^5.1.3",
         "eslint-plugin-vue": "^9.27.0",
+        "pinia": "^2.2.4",
         "prettier": "^3.3.2",
         "sass": "^1.77.8",
         "typescript": "^5.5.3",
@@ -58,5 +71,8 @@
         "vite-plugin-dts": "^4.5.0",
         "vue": "^3.4.31",
         "vue-tsc": "^2.0.21"
+    },
+    "dependencies": {
+        "@codemonster-ru/floater.js": "^1.0.7"
     }
-}
+}

package/dist/package/components/container.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/components/content.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/components/demo.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/components/footer.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/components/header.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/components/logo.vue.d.ts

@@ -1,20 +0,0 @@
-import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router';
-interface Props {
-    to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
-    url?: string;
-    src: string | Array<string>;
-    alt?: string;
-    type?: string;
-    dark?: boolean;
-    width?: string;
-    height?: string;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    type: string;
-    to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
-    url: string;
-    alt: string;
-    width: string;
-    height: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/package/layouts/defaultLayout.vue.d.ts

@@ -1,19 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        content?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/layouts/leftSidebarLayout.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        leftSidebar?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/package/themes/default/components/container.d.ts

@@ -1,4 +0,0 @@
-declare const _default: {
-    padding: string;
-};
-export default _default;

package/dist/package/themes/default/components/content.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/dist/package/themes/default/components/demo.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/dist/package/themes/default/components/footer.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    color: string;
-    padding: string;
-    marginTop: string;
-    borderTop: string;
-    borderColor: string;
-    backgroundColor: string;
-};
-export default _default;

package/dist/package/themes/default/components/header.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    height: string;
-    padding: string;
-    borderColor: string;
-    borderBottom: string;
-    marginBottom: string;
-    backgroundColor: string;
-};
-export default _default;

package/dist/package/themes/default/components/logo.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;