@codemonster-ru/vueforge 0.90.0 → 0.92.0

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

@@ -217,6 +217,17 @@ declare const _default: {
             borderColor: string;
             borderRadius: string;
         };
+        chart: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            padding: string;
+            minHeight: string;
+            stateMinHeight: string;
+            stateTextColor: string;
+            stateFontSize: string;
+        };
         container: {
             maxWidth: string;
             maxWidthSm: string;
@@ -335,6 +346,26 @@ declare const _default: {
                 buttonPadding: string;
             };
         };
+        image: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            overlayZIndex: string;
+            overlayPadding: string;
+            overlayBackgroundColor: string;
+            previewMaxWidth: string;
+            previewMaxHeight: string;
+            previewBorderRadius: string;
+            previewBackgroundColor: string;
+            previewShadow: string;
+            closeOffset: string;
+            closeSize: string;
+            closeBorderColor: string;
+            closeBackgroundColor: string;
+            closeTextColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+        };
         searchInput: {
             gap: string;
             fontSize: string;
@@ -767,6 +798,50 @@ declare const _default: {
                 marginLeft: string;
             };
         };
+        menubar: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            padding: string;
+        };
+        megamenu: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            padding: string;
+            rootGap: string;
+            triggerTextColor: string;
+            triggerPadding: string;
+            triggerBorderRadius: string;
+            triggerActiveBackgroundColor: string;
+            panelOffset: string;
+            zIndex: string;
+            panelMinWidth: string;
+            panelBorderColor: string;
+            panelBorderRadius: string;
+            panelBackgroundColor: string;
+            panelShadow: string;
+            panelPadding: string;
+            columnsGap: string;
+            sectionTitleGap: string;
+            sectionTitleFontSize: string;
+            sectionTitleColor: string;
+            linkGap: string;
+            linkColor: string;
+            linkHoverColor: string;
+        };
+        panelmenu: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            padding: string;
+            gap: string;
+            indent: string;
+            itemTextColor: string;
+            itemBorderRadius: string;
+            itemPadding: string;
+            itemHoverBackgroundColor: string;
+        };
         modal: {
             width: string;
             maxWidth: string;
@@ -836,6 +911,13 @@ declare const _default: {
             shadow: string;
             zIndex: string;
         };
+        overlaypanel: {
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            shadow: string;
+            zIndex: string;
+        };
         dropdown: {
             panelPadding: string;
             panelBorderRadius: string;
@@ -1183,6 +1265,37 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        listbox: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            padding: string;
+            minHeight: string;
+            maxHeight: string;
+            focusRingShadow: string;
+            focusBorderColor: string;
+            groupGapTop: string;
+            groupLabelPadding: string;
+            groupLabelColor: string;
+            groupLabelFontSize: string;
+            optionPadding: string;
+            optionBorderRadius: string;
+            optionHighlightedBackgroundColor: string;
+            optionSelectedBackgroundColor: string;
+            optionSelectedTextColor: string;
+            emptyPadding: string;
+            emptyColor: string;
+            disabledOpacity: string;
+            small: {
+                optionPadding: string;
+                fontSize: string;
+            };
+            large: {
+                optionPadding: string;
+                fontSize: string;
+            };
+        };
         taginput: {
             minWidth: string;
             minHeight: string;
@@ -1686,6 +1799,15 @@ declare const _default: {
             backgroundColor: string;
             shimmerColor: string;
             animationDuration: string;
+            presetGap: string;
+            presetTableHeaderHeight: string;
+            presetTableRowHeight: string;
+            presetListAvatarSize: string;
+            presetListLineHeight: string;
+            presetListSecondaryWidth: string;
+            presetFormLabelWidth: string;
+            presetFormLabelHeight: string;
+            presetFormFieldHeight: string;
         };
         datatable: {
             borderColor: string;
@@ -1719,6 +1841,89 @@ declare const _default: {
                 cellPadding: string;
             };
         };
+        dataview: {
+            gap: string;
+            toolbarGap: string;
+            layoutGap: string;
+            controlBorderColor: string;
+            controlBorderRadius: string;
+            controlBackgroundColor: string;
+            controlTextColor: string;
+            controlPadding: string;
+            controlFontSize: string;
+            controlActiveBackgroundColor: string;
+            controlActiveBorderColor: string;
+            controlActiveTextColor: string;
+            listGap: string;
+            gridGap: string;
+            gridMinWidth: string;
+            itemBorderColor: string;
+            itemBorderRadius: string;
+            itemBackgroundColor: string;
+            itemTextColor: string;
+            itemPadding: string;
+            statePadding: string;
+            stateTextColor: string;
+            paginationGap: string;
+            disabledOpacity: string;
+        };
+        carousel: {
+            gap: string;
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            slideMinHeight: string;
+            slidePadding: string;
+            transitionDuration: string;
+            transitionEasing: string;
+            arrowSize: string;
+            arrowSizeMobile: string;
+            arrowOffset: string;
+            arrowBorderColor: string;
+            arrowBorderRadius: string;
+            arrowBackgroundColor: string;
+            arrowTextColor: string;
+            indicatorsGap: string;
+            indicatorSize: string;
+            indicatorBorderColor: string;
+            indicatorBackgroundColor: string;
+            indicatorActiveBorderColor: string;
+            indicatorActiveBackgroundColor: string;
+            focusRingShadow: string;
+            focusBorderColor: string;
+            disabledOpacity: string;
+        };
+        speeddial: {
+            gap: string;
+            zIndex: string;
+            offsetX: string;
+            offsetY: string;
+            offsetXMobile: string;
+            offsetYMobile: string;
+            transitionDuration: string;
+            transitionEasing: string;
+            triggerSize: string;
+            triggerPaddingX: string;
+            triggerBorderRadius: string;
+            triggerBorderColor: string;
+            triggerBackgroundColor: string;
+            triggerTextColor: string;
+            triggerShadow: string;
+            actionSize: string;
+            actionPaddingX: string;
+            actionBorderRadius: string;
+            actionBorderColor: string;
+            actionBackgroundColor: string;
+            actionTextColor: string;
+            actionShadow: string;
+            labelBackgroundColor: string;
+            labelTextColor: string;
+            labelPadding: string;
+            focusRingShadow: string;
+            focusBorderColor: string;
+            disabledOpacity: string;
+        };
         toast: {
             gap: string;
             padding: string;
@@ -2385,6 +2590,43 @@ declare const _default: {
                 fontSize: string;
             };
         };
+        treetable: {
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            fontSize: string;
+            headerBackgroundColor: string;
+            headerTextColor: string;
+            headerFontWeight: string;
+            headerBorderColor: string;
+            rowBackgroundColor: string;
+            rowBorderColor: string;
+            rowHoverBackgroundColor: string;
+            rowSelectedBackgroundColor: string;
+            rowSelectedTextColor: string;
+            rowStripedBackgroundColor: string;
+            cellPadding: string;
+            cellGap: string;
+            indentStep: string;
+            toggleSize: string;
+            toggleBorderRadius: string;
+            toggleBorderColor: string;
+            toggleBackgroundColor: string;
+            toggleTextColor: string;
+            focusRingColor: string;
+            statePadding: string;
+            stateTextColor: string;
+            disabledOpacity: string;
+            small: {
+                fontSize: string;
+                cellPadding: string;
+            };
+            large: {
+                fontSize: string;
+                cellPadding: string;
+            };
+        };
         virtualScroller: {
             fontSize: string;
             borderColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.90.0",
+    "version": "0.92.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",
@@ -49,7 +49,14 @@
         "lint": "node --import tsx ./node_modules/eslint/bin/eslint.js . --ext .ts,.vue --config eslint.config.ts",
         "typecheck": "vue-tsc --noEmit",
         "test": "vitest run",
-        "verify:semver": "node ./scripts/verify-semver-checklist.mjs"
+        "test:ssr": "vitest run src/package/components/__tests__/ssr-hydration.test.ts",
+        "test:visual": "playwright test",
+        "test:visual:update": "playwright test --update-snapshots",
+        "benchmark:run": "node --import tsx ./scripts/run-performance-benchmarks.ts",
+        "verify:performance-report": "node --import tsx ./scripts/verify-performance-report.ts",
+        "performance:check": "npm run benchmark:run && npm run verify:performance-report",
+        "verify:performance-budgets": "node --import tsx ./scripts/verify-performance-budgets.ts",
+        "verify:semver": "node --import tsx ./scripts/verify-semver-checklist.ts"
     },
     "peerDependencies": {
         "@codemonster-ru/vueiconify": "^0.7.0",
@@ -61,6 +68,7 @@
         "@typescript-eslint/eslint-plugin": "^8.54.0",
         "@vitejs/plugin-vue": "^5.0.5",
         "@vue/eslint-config-typescript": "^14.6.0",
+        "@vue/server-renderer": "^3.4.31",
         "@vue/test-utils": "^2.4.6",
         "eslint": "^9.39.2",
         "eslint-config-prettier": "^9.1.0",
@@ -69,6 +77,7 @@
         "jiti": "^2.4.2",
         "jsdom": "^24.0.0",
         "pinia": "^2.2.4",
+        "@playwright/test": "^1.52.0",
         "prettier": "^3.3.2",
         "sass": "^1.77.8",
         "tsx": "^4.20.5",