@sveltia/ui 0.68.1 → 0.68.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,7 +7,7 @@ export const SHIKI_VERSION: "4.4.3";
7
7
  /**
8
8
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
9
9
  */
10
- export const UI_VERSION: "0.68.1";
10
+ export const UI_VERSION: "0.68.3";
11
11
  /**
12
12
  * Available syntax highlighting languages, sorted by display name.
13
13
  * @type {{ id: string, name: string, aliases?: string[] }[]}
@@ -10,7 +10,7 @@ export const SHIKI_VERSION = "4.4.3";
10
10
  /**
11
11
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
12
12
  */
13
- export const UI_VERSION = "0.68.1";
13
+ export const UI_VERSION = "0.68.3";
14
14
 
15
15
  /**
16
16
  * Available syntax highlighting languages, sorted by display name.
@@ -193,8 +193,12 @@
193
193
  return;
194
194
  }
195
195
 
196
+ // A composite widget keeps exactly one of its items in the tab order and takes its own root
197
+ // out of it, so the item is what should receive focus. Falling back to any focusable element
198
+ // covers the popups that hold plain content.
196
199
  const target = /** @type {HTMLElement} */ (
197
- content.querySelector('[tabindex]:not([aria-disabled="true"])')
200
+ content.querySelector('[tabindex="0"]:not([aria-disabled="true"])') ??
201
+ content.querySelector('[tabindex]:not([aria-disabled="true"])')
198
202
  );
199
203
 
200
204
  if (target) {
@@ -247,6 +251,20 @@
247
251
  padding: 0;
248
252
  background-color: transparent;
249
253
  }
254
+ .content.tree {
255
+ border-width: var(--sui-tree-border-width, 1px);
256
+ border-style: var(--sui-tree-border-style, solid);
257
+ border-color: var(--sui-tree-border-color, var(--sui-secondary-border-color));
258
+ border-radius: var(--sui-tree-border-radius, 4px);
259
+ padding: var(--sui-tree-padding, 4px);
260
+ }
261
+ .content.tree :global(.sui.tree) {
262
+ margin: 0;
263
+ border-width: 0;
264
+ border-radius: 0;
265
+ padding: 0;
266
+ background-color: transparent;
267
+ }
250
268
  .content.combobox {
251
269
  display: flex;
252
270
  flex-direction: column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sveltia/ui",
3
- "version": "0.68.1",
3
+ "version": "0.68.3",
4
4
  "description": "A collection of Svelte components and utilities for building user interfaces.",
5
5
  "repository": {
6
6
  "type": "git",