vira 31.18.0 → 31.18.1

package/dist/elements/vira-json-form.element.js

@@ -87,6 +87,7 @@ export const ViraJsonForm = defineViraElement()({
             border: 1px solid ${viraFormCssVars['vira-form-border-color'].value};
             border-radius: ${viraFormCssVars['vira-form-wrapper-radius'].value};
             background-color: ${viraFormCssVars['vira-form-background-color'].value};
+            box-sizing: border-box;
         }
 
         .json-group-header {
@@ -112,7 +113,9 @@ export const ViraJsonForm = defineViraElement()({
         }
 
         .json-row-nested {
-            align-items: flex-start;
+            flex-direction: column;
+            align-items: stretch;
+            gap: 4px;
         }
 
         .json-row-label {
@@ -122,10 +125,6 @@ export const ViraJsonForm = defineViraElement()({
             word-break: break-word;
         }
 
-        .json-row-nested .json-row-label {
-            padding-top: 10px;
-        }
-
         .json-row-editor {
             flex-grow: 1;
             min-width: 0;
@@ -145,10 +144,6 @@ export const ViraJsonForm = defineViraElement()({
             justify-content: center;
         }
 
-        .json-row-nested .json-row-delete {
-            padding-top: 4px;
-        }
-
         .json-value-with-switcher {
             display: flex;
             align-items: center;
@@ -200,7 +195,7 @@ export const ViraJsonForm = defineViraElement()({
             font-size: ${viraFormCssVars['vira-form-small-text-size'].value};
         }
     `,
-    render({ inputs, state, dispatch, events, updateState }) {
+    render({ inputs, state, dispatch, events, updateState, host }) {
         const isDisabled = !!inputs.isDisabled;
         const resolveContext = createResolveContext(inputs.schema);
         function jsonPrimitiveToString(entry) {
@@ -742,8 +737,10 @@ export const ViraJsonForm = defineViraElement()({
         })}
                     title=${state.showRaw ? 'Show rich editor' : 'Show raw JSON'}
                     ${listen('click', () => {
+            const goingToRaw = !state.showRaw;
+            host.style.minWidth = goingToRaw ? `${host.offsetWidth}px` : '';
             updateState({
-                showRaw: !state.showRaw,
+                showRaw: goingToRaw,
                 rawDraft: undefined,
                 rawError: undefined,
             });

package/dist/elements/vira-link.element.js

@@ -112,7 +112,7 @@ export const ViraLink = defineViraElement()({
         else {
             const linkUrl = inputs.link
                 ? inputs.link.url
-                : inputs.route.router.createRouteUrl(inputs.route.route);
+                : inputs.route.router.createRouteUrl(inputs.route.route).url;
             /** Noopener and noreferrer are needed for security reasons, do not remove! */
             return html `
                 <a

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.18.0",
+    "version": "31.18.1",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -38,35 +38,35 @@
         "test:docs": "virmator docs check"
     },
     "dependencies": {
-        "@augment-vir/assert": "^31.68.2",
-        "@augment-vir/common": "^31.68.2",
-        "@augment-vir/web": "^31.68.2",
+        "@augment-vir/assert": "^31.69.0",
+        "@augment-vir/common": "^31.69.0",
+        "@augment-vir/web": "^31.69.0",
         "@electrovir/color": "^1.7.9",
-        "date-vir": "^8.2.1",
+        "date-vir": "^8.3.2",
         "device-navigation": "^4.5.5",
         "json-schema-to-ts": "^3.1.1",
         "lit-css-vars": "^3.6.2",
         "observavir": "^2.3.2",
         "page-active": "^1.0.3",
-        "spa-router-vir": "^6.4.1",
-        "type-fest": "^5.5.0",
+        "spa-router-vir": "^6.5.0",
+        "type-fest": "^5.6.0",
         "typed-event-target": "^4.3.0"
     },
     "devDependencies": {
-        "@augment-vir/test": "^31.68.2",
+        "@augment-vir/test": "^31.69.0",
         "@web/dev-server-esbuild": "^1.0.5",
         "@web/test-runner": "^0.20.2",
         "@web/test-runner-commands": "^0.9.0",
         "@web/test-runner-playwright": "^0.11.1",
         "@web/test-runner-visual-regression": "^0.10.0",
-        "esbuild": "^0.27.4",
+        "esbuild": "^0.28.0",
         "istanbul-smart-text-reporter": "^1.1.5",
-        "lucide-static": "^1.7.0",
-        "markdown-code-example-inserter": "^3.0.3",
+        "lucide-static": "^1.14.0",
+        "markdown-code-example-inserter": "^3.0.5",
         "theme-vir": "^28.25.0",
-        "typedoc": "^0.28.18",
+        "typedoc": "^0.28.19",
         "typescript": "5.9.3",
-        "vite": "^8.0.3",
+        "vite": "^8.0.10",
         "vite-tsconfig-paths": "^6.1.1"
     },
     "peerDependencies": {