@sveltia/ui 0.17.1 → 0.18.0

package/package/components/util/group.svelte.d.ts

@@ -1,14 +1,9 @@
 export default Group;
-type Group = SvelteComponent<Props & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: "" | undefined;
-};
 /**
  * A generic group layout.
  * @see https://w3c.github.io/aria/#group
  */
-declare const Group: $$__sveltets_2_IsomorphicComponent<{
+declare const Group: import("svelte").Component<{
     /**
      * - The `class` attribute on the wrapper element.
      */
@@ -26,38 +21,4 @@ declare const Group: $$__sveltets_2_IsomorphicComponent<{
      * - Primary slot content.
      */
     children?: import("svelte").Snippet<[]> | undefined;
-} & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Props = {
-    /**
-     * - The `class` attribute on the wrapper element.
-     */
-    class?: string | undefined;
-    /**
-     * - Whether to hide the widget.
-     */
-    hidden?: boolean | undefined;
-    /**
-     * - Whether to disable the widget. An alias of the `aria-disabled`
-     * attribute.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * - Primary slot content.
-     */
-    children?: import("svelte").Snippet<[]> | undefined;
-};
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
+} & Record<string, any>, {}, "">;

package/package/components/util/modal.svelte

@@ -142,6 +142,7 @@
   <dialog
     bind:this={dialog}
     {...restProps}
+    inert={!showContent}
     {role}
     class="sui modal {className}"
     class:backdrop={showBackdrop}

package/package/components/util/modal.svelte.d.ts

@@ -1,27 +1,5 @@
 export default Modal;
-type Modal = SvelteComponent<ModalProps & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: "dialog" | "open" | undefined;
-} & {
-    close: (returnValue: string) => void;
-};
 /** A generic modal top-layer helper based on the HTML `<dialog>` element. */
-declare const Modal: $$__sveltets_2_IsomorphicComponent<import("../../typedefs").ModalProps & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+declare const Modal: import("svelte").Component<import("../../typedefs").ModalProps & Record<string, any>, {
     close: (returnValue: string) => void;
 }, "dialog" | "open">;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/package/components/util/placeholder.svelte.d.ts

@@ -1,34 +1,8 @@
 export default Placeholder;
-type Placeholder = SvelteComponent<Props & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: "" | undefined;
-};
 /** @see https://github.com/sveltejs/svelte/issues/3088 */
-declare const Placeholder: $$__sveltets_2_IsomorphicComponent<{
+declare const Placeholder: import("svelte").Component<{
     /**
      * - Primary slot content.
      */
     children?: import("svelte").Snippet<[]> | undefined;
-} & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Props = {
-    /**
-     * - Primary slot content.
-     */
-    children?: import("svelte").Snippet<[]> | undefined;
-};
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
+} & Record<string, any>, {}, "">;

package/package/components/util/popup.svelte

@@ -13,7 +13,7 @@
    * @typedef {object} Props
    * @property {string} [class] - The `class` attribute on the content element.
    * @property {boolean} [open] - Whether to open the popup.
-   * @property {HTMLElement} anchor - A reference to the anchor element that opens the popup.
+   * @property {HTMLElement} [anchor] - A reference to the anchor element that opens the popup.
    * Typically a `<button>`.
    * @property {HTMLElement | undefined} [content] - A reference to the content element.
    * @property {import('../../typedefs').PopupPosition} [position] - Where to show the popup.

package/package/components/util/popup.svelte.d.ts

@@ -1,11 +1,6 @@
 export default Popup;
-type Popup = SvelteComponent<ModalProps & Props & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: "open" | "content" | undefined;
-};
 /** Generic popup helper. */
-declare const Popup: $$__sveltets_2_IsomorphicComponent<import("../../typedefs").ModalProps & {
+declare const Popup: import("svelte").Component<import("../../typedefs").ModalProps & {
     /**
      * - The `class` attribute on the content element.
      */
@@ -18,7 +13,7 @@ declare const Popup: $$__sveltets_2_IsomorphicComponent<import("../../typedefs")
      * - A reference to the anchor element that opens the popup.
      * Typically a `<button>`.
      */
-    anchor: HTMLElement;
+    anchor?: HTMLElement | undefined;
     /**
      * - A reference to the content element.
      */
@@ -49,64 +44,4 @@ declare const Popup: $$__sveltets_2_IsomorphicComponent<import("../../typedefs")
      * - Custom `Open` event handler.
      */
     onOpen?: ((event: CustomEvent) => void) | undefined;
-} & Record<string, any>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "content">;
-type Props = {
-    /**
-     * - The `class` attribute on the content element.
-     */
-    class?: string | undefined;
-    /**
-     * - Whether to open the popup.
-     */
-    open?: boolean | undefined;
-    /**
-     * - A reference to the anchor element that opens the popup.
-     * Typically a `<button>`.
-     */
-    anchor: HTMLElement;
-    /**
-     * - A reference to the content element.
-     */
-    content?: HTMLElement | undefined;
-    /**
-     * - Where to show the popup.
-     */
-    position?: import("../../typedefs").PopupPosition | undefined;
-    /**
-     * - The base element of
-     * {@link position}. If omitted, this will be {@link anchor}.
-     */
-    positionBaseElement?: HTMLElement | undefined;
-    /**
-     * - Whether to show the popup at the center of the screen on
-     * mobile/tablet and ignore the defined dropdown `position`.
-     */
-    touchOptimized?: boolean | undefined;
-    /**
-     * - Primary slot content.
-     */
-    children?: import("svelte").Snippet<[]> | undefined;
-    /**
-     * - Extra slot content.
-     */
-    extraContent?: import("svelte").Snippet<[]> | undefined;
-    /**
-     * - Custom `Open` event handler.
-     */
-    onOpen?: ((event: CustomEvent) => void) | undefined;
-};
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
+} & Record<string, any>, {}, "open" | "content">;

package/package/styles/variables.scss

@@ -151,13 +151,13 @@
   --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 40%);
   // Fonts
   --sui-font-family-default: "Merriweather Sans", sans-serif;
-  --sui-font-size-xxx-large: 24px;
-  --sui-font-size-xx-large: 20px;
-  --sui-font-size-x-large: 18px;
-  --sui-font-size-large: 16px;
-  --sui-font-size-default: 14px;
-  --sui-font-size-small: 12px;
-  --sui-font-size-x-small: 10px;
+  --sui-font-size-xxx-large: 23px;
+  --sui-font-size-xx-large: 19px;
+  --sui-font-size-x-large: 17px;
+  --sui-font-size-large: 15px;
+  --sui-font-size-default: 13px;
+  --sui-font-size-small: 11px;
+  --sui-font-size-x-small: 9px;
   --sui-font-weight-normal: 300;
   --sui-font-weight-bold: 600;
   --sui-font-family-monospace: "Noto Sans Mono", monospace;
@@ -205,7 +205,7 @@
   // Option & menu item
   --sui-option-border-radius: var(--sui-control-medium-border-radius);
   --sui-option-padding: calc((var(--sui-control-medium-height) / 6))
-    calc((var(--sui-control-medium-height) / 2));
+    calc((var(--sui-control-medium-height) / 5));
   --sui-option-height: var(--sui-control-medium-height);
   // Listbox
   --sui-listbox-border-radius: var(--sui-control-medium-border-radius);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,50 +28,50 @@
     "test:unit": "vitest"
   },
   "dependencies": {
-    "@lexical/code": "^0.17.1",
-    "@lexical/dragon": "^0.17.1",
-    "@lexical/history": "^0.17.1",
-    "@lexical/link": "^0.17.1",
-    "@lexical/list": "^0.17.1",
-    "@lexical/markdown": "^0.17.1",
-    "@lexical/rich-text": "^0.17.1",
-    "@lexical/selection": "^0.17.1",
-    "@lexical/table": "^0.17.1",
-    "@lexical/utils": "^0.17.1",
+    "@lexical/code": "^0.18.0",
+    "@lexical/dragon": "^0.18.0",
+    "@lexical/history": "^0.18.0",
+    "@lexical/link": "^0.18.0",
+    "@lexical/list": "^0.18.0",
+    "@lexical/markdown": "^0.18.0",
+    "@lexical/rich-text": "^0.18.0",
+    "@lexical/selection": "^0.18.0",
+    "@lexical/table": "^0.18.0",
+    "@lexical/utils": "^0.18.0",
     "@sveltia/utils": "^0.5.0",
-    "lexical": "^0.17.1"
+    "lexical": "^0.18.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.47.1",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.27",
+    "@playwright/test": "^1.48.0",
+    "@sveltejs/adapter-auto": "^3.2.5",
+    "@sveltejs/kit": "^2.6.3",
     "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.7",
-    "cspell": "^8.14.2",
+    "cspell": "^8.14.4",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.30.0",
-    "eslint-plugin-jsdoc": "^50.2.3",
-    "eslint-plugin-svelte": "^2.44.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsdoc": "^50.3.1",
+    "eslint-plugin-svelte": "^2.44.1",
     "postcss": "^8.4.47",
     "postcss-html": "^1.7.0",
     "prettier": "^3.3.3",
-    "prettier-plugin-svelte": "^3.2.6",
-    "sass": "^1.78.0",
+    "prettier-plugin-svelte": "^3.2.7",
+    "sass": "^1.79.4",
     "stylelint": "^16.9.0",
     "stylelint-config-recommended-scss": "^14.1.0",
-    "stylelint-scss": "^6.6.0",
-    "svelte": "5.0.0-next.247",
-    "svelte-check": "^4.0.2",
+    "stylelint-scss": "^6.7.0",
+    "svelte": "5.0.0-next.263",
+    "svelte-check": "^4.0.4",
     "svelte-i18n": "^4.0.0",
-    "svelte-preprocess": "^6.0.2",
+    "svelte-preprocess": "^6.0.3",
     "tslib": "^2.7.0",
-    "vite": "^5.4.6",
-    "vitest": "^2.1.1"
+    "vite": "^5.4.8",
+    "vitest": "^2.1.2"
   },
   "exports": {
     ".": {
@@ -90,5 +90,10 @@
         "./package/index.d.ts"
       ]
     }
+  },
+  "pnpm": {
+    "overrides": {
+      "cookie@<0.7.0": ">=0.7.0"
+    }
   }
 }