noph-ui 0.32.2 → 0.32.4

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.
@@ -230,7 +230,11 @@
230
230
  bind:element={menuElement}
231
231
  >
232
232
  {#if useVirtualList}
233
- <VirtualList height="250px" itemHeight={48} items={displayOptions}>
233
+ <VirtualList
234
+ height="250px"
235
+ itemHeight={displayOptions.some(({ supportingText }) => supportingText) ? 68 : 48}
236
+ items={displayOptions}
237
+ >
234
238
  {#snippet row(option, index)}
235
239
  {@render item(option, index)}
236
240
  {/snippet}
@@ -31,7 +31,7 @@
31
31
  bind:this={element}
32
32
  popover="auto"
33
33
  {...attributes}
34
- class={['np-dialog-container', !quick && 'np-animate']}
34
+ class={['np-dialog-container', !quick && 'np-animate', attributes.class]}
35
35
  >
36
36
  <div
37
37
  role="none"
@@ -84,11 +84,13 @@
84
84
  border: none;
85
85
  margin: auto;
86
86
  padding: 2rem 1rem;
87
+ box-sizing: border-box;
88
+ min-width: 19.5rem;
89
+ width: 37rem;
90
+ max-width: 100%;
87
91
  }
88
92
  .np-dialog {
89
93
  border: 0;
90
- min-width: 280px;
91
- max-width: 560px;
92
94
  background-color: var(--np-color-surface);
93
95
  color: var(--np-color-on-surface);
94
96
  padding: 1.5rem;
@@ -1,6 +1,6 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
- export interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class' | 'popover'> {
3
+ export interface DialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'popover'> {
4
4
  icon?: Snippet;
5
5
  headline: string;
6
6
  supportingText?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "noph-ui",
3
- "version": "0.32.2",
3
+ "version": "0.32.4",
4
4
  "license": "MIT",
5
5
  "homepage": "https://noph.dev",
6
6
  "repository": {
@@ -72,22 +72,22 @@
72
72
  "@materialx/material-color-utilities": "^0.4.8",
73
73
  "@playwright/test": "^1.58.2",
74
74
  "@sveltejs/adapter-auto": "^7.0.1",
75
- "@sveltejs/kit": "^2.53.3",
75
+ "@sveltejs/kit": "^2.53.4",
76
76
  "@sveltejs/package": "^2.5.7",
77
77
  "@sveltejs/vite-plugin-svelte": "^7.0.0",
78
78
  "@types/eslint": "^9.6.1",
79
79
  "eslint": "^10.0.2",
80
80
  "eslint-config-prettier": "^10.1.8",
81
81
  "eslint-plugin-svelte": "^3.15.0",
82
- "globals": "^17.3.0",
82
+ "globals": "^17.4.0",
83
83
  "prettier": "^3.8.1",
84
- "prettier-plugin-svelte": "^3.5.0",
85
- "publint": "^0.3.17",
86
- "svelte": "^5.53.5",
84
+ "prettier-plugin-svelte": "^3.5.1",
85
+ "publint": "^0.3.18",
86
+ "svelte": "^5.53.7",
87
87
  "svelte-check": "^4.4.4",
88
88
  "typescript": "^5.9.3",
89
89
  "typescript-eslint": "^8.56.1",
90
- "vite": "^7.3.1",
90
+ "vite": "8.0.0-beta.16",
91
91
  "vitest": "^4.0.18"
92
92
  },
93
93
  "svelte": "./dist/index.js",