@codemonster-ru/vueforge 0.96.0 → 0.98.0

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

@@ -248,6 +248,22 @@ declare const _default: {
                 titleFontSize: string;
             };
         };
+        sheet: {
+            borderRadius: string;
+            borderColor: string;
+            sectionBorderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            tonalBackgroundColor: string;
+            tonalTextColor: string;
+            shadow: string;
+            shadowHover: string;
+            transition: string;
+            disabledOpacity: string;
+            headerPadding: string;
+            bodyPadding: string;
+            footerPadding: string;
+        };
         fieldset: {
             borderColor: string;
             borderRadius: string;
@@ -284,11 +300,45 @@ declare const _default: {
             borderRadius: string;
             backgroundColor: string;
             textColor: string;
+            gridColor: string;
+            axisColor: string;
+            axisLabelColor: string;
+            legendTextColor: string;
+            tooltipBackgroundColor: string;
+            tooltipTitleColor: string;
+            tooltipBodyColor: string;
+            tooltipBorderColor: string;
+            seriesPrimaryColor: string;
+            seriesSecondaryColor: string;
+            seriesTertiaryColor: string;
+            seriesQuaternaryColor: string;
+            seriesPositiveColor: string;
+            seriesWarningColor: string;
+            seriesNegativeColor: string;
+            titleFontFamily: string;
+            titleFontSize: string;
+            labelFontFamily: string;
+            labelFontSize: string;
+            valueFontFamily: string;
+            valueFontSize: string;
             padding: string;
             minHeight: string;
             stateMinHeight: string;
+            stateBackgroundColor: string;
+            stateBorderColor: string;
+            stateBorderStyle: string;
             stateTextColor: string;
             stateFontSize: string;
+            controlBackgroundColor: string;
+            controlTextColor: string;
+            controlBorderColor: string;
+            controlHoverBackgroundColor: string;
+            tableHeaderBackgroundColor: string;
+            tableHeaderTextColor: string;
+            tableRowHoverBackgroundColor: string;
+            tableBorderColor: string;
+            focusOutlineColor: string;
+            focusOutlineOffset: string;
         };
         container: {
             maxWidth: string;
@@ -374,6 +424,18 @@ declare const _default: {
                 addonFontSize: string;
             };
         };
+        iconField: {
+            iconSize: string;
+            iconColor: string;
+            slotOffset: string;
+            controlPaddingStart: string;
+            controlPaddingEnd: string;
+            disabledOpacity: string;
+        };
+        inputIcon: {
+            size: string;
+            color: string;
+        };
         inlineEdit: {
             gap: string;
             fontSize: string;
@@ -713,6 +775,43 @@ declare const _default: {
                 hintFontSize: string;
             };
         };
+        floatLabel: {
+            labelOffsetX: string;
+            labelFloatingTop: string;
+            labelPadding: string;
+            labelFontSize: string;
+            labelFloatingFontSize: string;
+            labelColor: string;
+            labelFloatingColor: string;
+            labelBackgroundColor: string;
+            requiredColor: string;
+            invalidColor: string;
+            transition: string;
+            disabledOpacity: string;
+            small: {
+                labelFontSize: string;
+            };
+            large: {
+                labelFontSize: string;
+            };
+        };
+        iftaLabel: {
+            offsetX: string;
+            offsetY: string;
+            padding: string;
+            fontSize: string;
+            color: string;
+            backgroundColor: string;
+            requiredColor: string;
+            invalidColor: string;
+            disabledOpacity: string;
+            small: {
+                fontSize: string;
+            };
+            large: {
+                fontSize: string;
+            };
+        };
         textarea: {
             gap: string;
             fontSize: string;
@@ -1366,6 +1465,40 @@ declare const _default: {
             iconSize: string;
             labelFontSize: string;
         };
+        bottomNavigation: {
+            height: string;
+            padding: string;
+            gap: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            zIndex: string;
+            disabledOpacity: string;
+            itemMinHeight: string;
+            itemPadding: string;
+            itemBorderRadius: string;
+            itemContentGap: string;
+            itemColor: string;
+            itemHoverBackgroundColor: string;
+            itemActiveBackgroundColor: string;
+            itemActiveColor: string;
+            iconSize: string;
+            labelFontSize: string;
+            badgeTextColor: string;
+            badgeBackgroundColor: string;
+        };
+        systemBar: {
+            height: string;
+            denseHeight: string;
+            padding: string;
+            densePadding: string;
+            gap: string;
+            sectionGap: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            zIndex: string;
+        };
         footer: {
             minHeight: string;
             denseMinHeight: string;
@@ -1400,6 +1533,13 @@ declare const _default: {
             overlayBackgroundColor: string;
             zIndex: string;
         };
+        mainLayoutRegion: {
+            padding: string;
+            maxWidth: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+        };
         splitLayout: {
             minHeight: string;
             gap: string;
@@ -2139,6 +2279,38 @@ declare const _default: {
             textColor: string;
             disabledOpacity: string;
         };
+        selectionControl: {
+            gap: string;
+            textColor: string;
+            disabledOpacity: string;
+            boxSize: string;
+            boxBorderRadius: string;
+            boxBorderColor: string;
+            boxBackgroundColor: string;
+            boxCheckedBackgroundColor: string;
+            boxCheckedBorderColor: string;
+            boxCheckColor: string;
+            boxCheckRadius: string;
+            radioSize: string;
+            radioBorderColor: string;
+            radioBackgroundColor: string;
+            radioCheckedBackgroundColor: string;
+            radioCheckedBorderColor: string;
+            radioDotSize: string;
+            radioDotColor: string;
+            switchWidth: string;
+            switchHeight: string;
+            switchThumbSize: string;
+            switchThumbOffset: string;
+            switchThumbTranslateOffset: string;
+            switchBackgroundColor: string;
+            switchCheckedBackgroundColor: string;
+            switchThumbColor: string;
+        };
+        selectionControlGroup: {
+            gap: string;
+            horizontalGap: string;
+        };
         segmentedControl: {
             fontSize: string;
             padding: string;
@@ -2166,6 +2338,97 @@ declare const _default: {
                 segmentPadding: string;
             };
         };
+        themeModeSwitch: {
+            fontSize: string;
+            padding: string;
+            gap: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            hoverBackgroundColor: string;
+            activeBackgroundColor: string;
+            activeTextColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            segmentPadding: string;
+            segmentRadius: string;
+            segmentFontWeight: string;
+            small: {
+                fontSize: string;
+                padding: string;
+                segmentPadding: string;
+            };
+            large: {
+                fontSize: string;
+                padding: string;
+                segmentPadding: string;
+            };
+        };
+        toggleButton: {
+            fontSize: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            hoverBackgroundColor: string;
+            activeBorderColor: string;
+            activeBackgroundColor: string;
+            activeTextColor: string;
+            focusRingShadow: string;
+            disabledOpacity: string;
+            iconGap: string;
+            small: {
+                fontSize: string;
+                padding: string;
+            };
+            large: {
+                fontSize: string;
+                padding: string;
+            };
+        };
+        hover: {
+            disabledOpacity: string;
+        };
+        kbd: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            gap: string;
+            keyPadding: string;
+            keyMinWidth: string;
+            keyBorderRadius: string;
+            keyBorderColor: string;
+            keyBackgroundColor: string;
+            keyTextColor: string;
+            keyShadow: string;
+            separatorColor: string;
+            disabledOpacity: string;
+            small: {
+                fontSize: string;
+                keyPadding: string;
+                keyMinWidth: string;
+            };
+            large: {
+                fontSize: string;
+                keyPadding: string;
+                keyMinWidth: string;
+            };
+        };
+        lazy: {
+            placeholderMinHeight: string;
+            placeholderBorderRadius: string;
+            placeholderBackgroundColor: string;
+            disabledOpacity: string;
+        };
+        parallax: {
+            overflow: string;
+            transformOrigin: string;
+            transition: string;
+            disabledOpacity: string;
+        };
         tabs: {
             gap: string;
             listGap: string;
@@ -2201,6 +2464,45 @@ declare const _default: {
             tabActiveBorderColor: string;
             disabledOpacity: string;
         };
+        window: {
+            gap: string;
+            padding: string;
+            minHeight: string;
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            controlsGap: string;
+            controlPadding: string;
+            controlRadius: string;
+            controlBorderColor: string;
+            controlBackgroundColor: string;
+            controlTextColor: string;
+            controlHoverBackgroundColor: string;
+            transitionDuration: string;
+            transitionTiming: string;
+            disabledOpacity: string;
+        };
+        slideGroup: {
+            gap: string;
+            controlsGap: string;
+            controlSize: string;
+            controlRadius: string;
+            controlBorderColor: string;
+            controlBackgroundColor: string;
+            controlTextColor: string;
+            controlHoverBackgroundColor: string;
+            itemPadding: string;
+            itemBorderRadius: string;
+            itemBorderColor: string;
+            itemBackgroundColor: string;
+            itemTextColor: string;
+            itemHoverBackgroundColor: string;
+            itemActiveBackgroundColor: string;
+            itemActiveTextColor: string;
+            itemActiveBorderColor: string;
+            disabledOpacity: string;
+        };
         accordion: {
             gap: string;
             borderRadius: string;
@@ -2457,6 +2759,56 @@ declare const _default: {
                 textColor: string;
             };
         };
+        snackbarQueue: {
+            actionGap: string;
+            actionPadding: string;
+            actionRadius: string;
+            actionBorderColor: string;
+            actionBackgroundColor: string;
+            actionTextColor: string;
+            actionHoverBackgroundColor: string;
+        };
+        banner: {
+            gap: string;
+            padding: string;
+            borderRadius: string;
+            borderColor: string;
+            backgroundColor: string;
+            textColor: string;
+            iconColor: string;
+            fontSize: string;
+            lineHeight: string;
+            bodyGap: string;
+            titleFontSize: string;
+            titleFontWeight: string;
+            actionsGap: string;
+            closeSize: string;
+            closeRadius: string;
+            closeFontSize: string;
+            closeHoverBackgroundColor: string;
+            stickyTop: string;
+            zIndex: string;
+            info: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            success: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            warn: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+            danger: {
+                backgroundColor: string;
+                borderColor: string;
+                textColor: string;
+            };
+        };
         alert: {
             gap: string;
             padding: string;
@@ -2904,6 +3256,15 @@ declare const _default: {
                 statusSize: string;
             };
         };
+        avatarGroup: {
+            gap: string;
+            overlapOffset: string;
+            ringWidth: string;
+            ringColor: string;
+            overflowBackgroundColor: string;
+            overflowTextColor: string;
+            disabledOpacity: string;
+        };
         spinner: {
             size: string;
             thickness: string;
@@ -3561,6 +3922,41 @@ declare const _default: {
             darkStateColor: string;
             disabledOpacity: string;
         };
+        codeBlock: {
+            gap: string;
+            borderColor: string;
+            borderRadius: string;
+            backgroundColor: string;
+            textColor: string;
+            fontFamily: string;
+            fontSize: string;
+            lineHeight: string;
+            padding: string;
+            headerGap: string;
+            headerPadding: string;
+            headerBorderColor: string;
+            metaGap: string;
+            metaColor: string;
+            metaFontSize: string;
+            filenameColor: string;
+            filenameFontWeight: string;
+            actionsGap: string;
+            actionBorderColor: string;
+            actionBorderRadius: string;
+            actionBackgroundColor: string;
+            actionTextColor: string;
+            actionPadding: string;
+            actionFontSize: string;
+            lineGap: string;
+            lineNumberColor: string;
+            lineNumberMinWidth: string;
+            tokenKeywordColor: string;
+            tokenStringColor: string;
+            tokenNumberColor: string;
+            tokenCommentColor: string;
+            tokenVariableColor: string;
+            disabledOpacity: string;
+        };
         scheduler: {
             gap: string;
             borderColor: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codemonster-ru/vueforge",
-    "version": "0.96.0",
+    "version": "0.98.0",
     "description": "Open source UI components for Vue.js.",
     "license": "MIT",
     "author": "Kirill Kolesnikov",
@@ -46,16 +46,14 @@
     "scripts": {
         "dev": "vite dev --force --mode development",
         "build": "vite build --mode production",
+        "build:docs": "vite build --config vite.docs.config.mts --mode production",
         "lint": "node --import tsx ./node_modules/eslint/bin/eslint.js . --ext .ts,.vue --config eslint.config.ts",
+        "format": "prettier --write .",
+        "format:check": "prettier --check .",
         "typecheck": "vue-tsc --noEmit",
         "test": "vitest run",
         "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:bundle-size": "node --import tsx ./scripts/verify-bundle-size.ts",
         "verify:semver": "node --import tsx ./scripts/verify-semver-checklist.ts"
     },
     "peerDependencies": {
@@ -83,7 +81,6 @@
         "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",