@sveltia/ui 0.23.0 → 0.23.2

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

@@ -19,7 +19,7 @@ import {
   ListItemNode,
   ListNode,
   $handleListInsertParagraph as handleListInsertParagraph,
-  insertList,
+  $insertList as insertList,
   $isListItemNode as isListItemNode,
   $isListNode as isListNode,
 } from '@lexical/list';
@@ -246,7 +246,7 @@ export const initEditor = ({ components } = {}) => {
   editor.registerCommand(
     INSERT_UNORDERED_LIST_COMMAND,
     () => {
-      insertList(editor, 'bullet');
+      insertList('bullet');
 
       return true;
     },
@@ -256,7 +256,7 @@ export const initEditor = ({ components } = {}) => {
   editor.registerCommand(
     INSERT_ORDERED_LIST_COMMAND,
     () => {
-      insertList(editor, 'number');
+      insertList('number');
 
       return true;
     },

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

@@ -258,9 +258,6 @@
     --sui-control-medium-height: 40px;
     --sui-control-large-height: 60px;
     --sui-checkbox-height: 24px;
-    --sui-primary-toolbar-size: 64px;
-    --sui-secondary-toolbar-size: 56px;
-    --sui-primary-row-height: 64px;
     --sui-secondary-row-height: 48px;
   }
 }

package/dist/services/group.svelte.js

@@ -16,7 +16,7 @@ const config = {
     childRoles: ['row'],
     childSelectedAttr: 'aria-selected',
     focusChild: true,
-    selectFirst: false,
+    selectFirst: true,
   },
   listbox: {
     orientation: 'vertical',
@@ -88,6 +88,8 @@ class Group {
     this.focusChild = focusChild;
     this.selectFirst = selectFirst;
 
+    this.parent.tabIndex = focusChild ? -1 : 0;
+
     // Wait a bit before the relevant components, including the `aria-controls` target are mounted
     (async () => {
       await sleep(100);
@@ -99,24 +101,20 @@ class Group {
    * Activate the members.
    */
   activate() {
-    const { parent, role, allMembers, selected: defaultSelected } = this;
-    const multi = this.multi || role === 'menu' || role === 'menubar';
+    const { parent, allMembers, selected: defaultSelected } = this;
 
     allMembers.forEach((element, index) => {
       // Select the first one if no member has the `selected` attribute
-      // eslint-disable-next-line no-nested-ternary
-      const isSelected = multi
-        ? element.getAttribute(this.childSelectedAttr) === 'true'
-        : defaultSelected
-          ? element === defaultSelected
-          : this.selectFirst && index === 0;
+      const isSelected = defaultSelected
+        ? element === defaultSelected
+        : this.selectFirst && index === 0;
 
       const controlTarget = /** @type {HTMLElement | null} */ (
         document.querySelector(`#${element.getAttribute('aria-controls')}`)
       );
 
       element.id ||= `${this.id}-item-${index + 1}`;
-      element.tabIndex ||= isSelected ? 0 : -1;
+      element.tabIndex = isSelected ? 0 : -1;
       element.setAttribute(this.childSelectedAttr, String(isSelected));
 
       if (controlTarget) {

package/dist/styles/variables.scss

@@ -246,9 +246,6 @@
       --sui-control-medium-height: 40px;
       --sui-control-large-height: 60px;
       --sui-checkbox-height: 24px;
-      --sui-primary-toolbar-size: 64px;
-      --sui-secondary-toolbar-size: 56px;
-      --sui-primary-row-height: 64px;
       --sui-secondary-row-height: 48px;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,28 +28,28 @@
     "test:unit": "vitest"
   },
   "dependencies": {
-    "@lexical/code": "^0.23.1",
-    "@lexical/dragon": "^0.23.1",
-    "@lexical/history": "^0.23.1",
-    "@lexical/link": "^0.23.1",
-    "@lexical/list": "^0.23.1",
-    "@lexical/markdown": "^0.23.1",
-    "@lexical/rich-text": "^0.23.1",
-    "@lexical/selection": "^0.23.1",
-    "@lexical/table": "^0.23.1",
-    "@lexical/utils": "^0.23.1",
+    "@lexical/code": "^0.24.0",
+    "@lexical/dragon": "^0.24.0",
+    "@lexical/history": "^0.24.0",
+    "@lexical/link": "^0.24.0",
+    "@lexical/list": "^0.24.0",
+    "@lexical/markdown": "^0.24.0",
+    "@lexical/rich-text": "^0.24.0",
+    "@lexical/selection": "^0.24.0",
+    "@lexical/table": "^0.24.0",
+    "@lexical/utils": "^0.24.0",
     "@sveltia/utils": "^0.6.3",
     "prismjs": "^1.29.0",
-    "lexical": "^0.23.1"
+    "lexical": "^0.24.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.50.0",
+    "@playwright/test": "^1.50.1",
     "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/kit": "^2.16.1",
-    "@sveltejs/package": "^2.3.9",
+    "@sveltejs/kit": "^2.17.1",
+    "@sveltejs/package": "^2.3.10",
     "@sveltejs/vite-plugin-svelte": "5.0.3",
     "cspell": "^8.17.3",
     "eslint": "^8.57.1",
@@ -60,19 +60,19 @@
     "eslint-plugin-svelte": "^2.46.1",
     "postcss": "^8.5.1",
     "postcss-html": "^1.8.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.0",
     "prettier-plugin-svelte": "^3.3.3",
-    "sass": "^1.83.4",
+    "sass": "^1.84.0",
     "stylelint": "^16.14.1",
     "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-scss": "^6.10.1",
-    "svelte": "5.19.4",
+    "stylelint-scss": "^6.11.0",
+    "svelte": "5.19.9",
     "svelte-check": "^4.1.4",
     "svelte-i18n": "^4.0.1",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
-    "vite": "^6.0.11",
-    "vitest": "^3.0.4"
+    "vite": "^6.1.0",
+    "vitest": "^3.0.5"
   },
   "exports": {
     ".": {