@sveltia/ui 0.31.6 → 0.31.8

package/dist/components/button/button.svelte

@@ -228,7 +228,7 @@ button.link .label {
   text-underline-offset: 2px;
   white-space: normal;
 }
-:global(:is(:root, :host)[data-underline-links="true"]) button.link .label {
+:global(:is(:root, :host)[data-underline-links='true']) button.link .label {
   text-decoration: underline;
 }
 button.link:is(:hover, :focus, :active) .label {

package/dist/components/text-editor/core.js

@@ -409,6 +409,24 @@ export const convertMarkdownToLexical = async (editor, value) => {
     ),
   );
 
+  // Split multiline formatting into separate lines to prevent Markdown parsing issues
+  // @see https://github.com/sveltia/sveltia-cms/issues/548
+  value = value
+    .replace(/_([^_\n]+?)\n([^_\n]+?)_/gm, '_$1_\n_$2_')
+    .replace(/\*\*([^*\n]+?)\n([^*\n]+?)\*\*/gm, '**$1**\n**$2**')
+    .replace(/~~([^~\n]+?)\n([^~\n]+?)~~/gm, '~~$1~~\n~~$2~~')
+    .replace(/`([^`\n]+?)\n([^`\n]+?)`/gm, '`$1`\n`$2`');
+
+  // Increase list indentation levels to prevent Markdown parsing issues: Slate uses 2 spaces for
+  // each indentation level, whereas Lexical uses 4 spaces
+  // @see https://github.com/sveltia/sveltia-cms/issues/549
+  if (value.match(/^\s{2}(?:-|\+|\*|\d+\.)\s/m)) {
+    value = value.replace(
+      /^(\s+)(-|\+|\*|\d+\.)/gm,
+      (_match, p1, p2) => `${' '.repeat(p1.length * 2)}${p2}`,
+    );
+  }
+
   return new Promise((resolve, reject) => {
     editor.update(() => {
       try {

package/dist/components/text-editor/toolbar/toolbar-wrapper.svelte

@@ -40,7 +40,7 @@
 .wrapper :global([role=toolbar]) {
   position: sticky;
   top: 0;
-  z-index: 1;
+  z-index: 100;
   display: flex;
   gap: 4px;
   border-width: 1px 1px 0;

package/dist/components/util/app-shell.svelte

@@ -70,7 +70,15 @@
   @see https://stackoverflow.com/q/2989263
 -->
 <svelte:head>
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+  <meta
+    name="viewport"
+    content={[
+      'width=device-width',
+      'initial-scale=1',
+      'maximum-scale=1',
+      'interactive-widget=resizes-content',
+    ].join(', ')}
+  />
   <meta name="google" content="notranslate" />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.31.6",
+  "version": "0.31.8",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,31 +28,31 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.48.4",
-    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/kit": "^2.49.0",
+    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "cspell": "^9.2.2",
+    "cspell": "^9.3.2",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^61.1.11",
+    "eslint-plugin-jsdoc": "^61.4.1",
     "eslint-plugin-svelte": "^2.46.1",
-    "oxlint": "^1.25.0",
+    "oxlint": "^1.30.0",
     "postcss": "^8.5.6",
     "postcss-html": "^1.8.0",
-    "prettier": "^3.6.2",
+    "prettier": "^3.7.3",
     "prettier-plugin-svelte": "^3.4.0",
-    "sass": "^1.93.3",
-    "stylelint": "^16.25.0",
+    "sass": "^1.94.2",
+    "stylelint": "^16.26.1",
     "stylelint-config-recommended-scss": "^16.0.2",
     "stylelint-scss": "^6.12.1",
-    "svelte": "^5.43.2",
-    "svelte-check": "^4.3.3",
+    "svelte": "^5.45.2",
+    "svelte-check": "^4.3.4",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
-    "vite": "^7.1.12",
-    "vitest": "^4.0.6"
+    "vite": "^7.2.4",
+    "vitest": "^4.0.14"
   },
   "exports": {
     ".": {