@svadmin/ui 0.85.0 → 0.88.0

package/dist/components/FieldRenderer.svelte.d.ts

@@ -8,7 +8,6 @@ type $$ComponentProps = {
     disabled?: boolean;
     invalid?: boolean;
     errorId?: string;
-    density?: 'compact' | 'comfortable';
     children?: Snippet;
 };
 declare const FieldRenderer: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/components/ListPage.svelte

@@ -9,6 +9,7 @@
   import PageHeader from './PageHeader.svelte';
   import AutoTable from './AutoTable.svelte';
   import type { BatchSelection } from './table-contract';
+  import type { SavedListViewProvider } from './saved-list-views.js';
   import CreateButton from './buttons/CreateButton.svelte';
 
   interface Props {
@@ -16,10 +17,10 @@
     rendering?: ResourceRendering | undefined;
     title?: string;
     canCreate?: boolean;
-    density?: 'compact' | 'comfortable';
     /** Passthrough: enable row selection checkboxes */
     selectable?: boolean;
     allowSelectAllMatching?: boolean;
+    savedViewProvider?: SavedListViewProvider;
     /** Passthrough: custom header actions */
     headerActions?: Snippet;
     /** Optional status tabs slot above filter/table */
@@ -44,9 +45,9 @@
     rendering,
     title,
     canCreate,
-    density = 'comfortable',
     selectable,
     allowSelectAllMatching,
+    savedViewProvider,
     headerActions,
     statusTabs,
     filterToolbar,
@@ -62,8 +63,8 @@
   const showCreate = $derived(canCreate ?? resource.canCreate !== false);
 </script>
 
-<div class="{density === 'compact' ? 'svadmin-u-6ed543e2fbbb' : 'svadmin-u-3e7ce58d64fa'} {className}">
-  <PageHeader title={pageTitle} {density}>
+<div class="svadmin-u-3e7ce58d64fa {className}" data-svadmin-list-page={resourceName}>
+  <PageHeader title={pageTitle}>
     {#snippet actions()}
       {#if showCreate}
         <CreateButton resource={resourceName} />
@@ -75,27 +76,29 @@
   </PageHeader>
 
   {#if statusTabs}
-    <div>
+    <div data-svadmin-list-page-status-tabs>
       {@render statusTabs()}
     </div>
   {/if}
 
   {#if filterToolbar}
-    <div>
+    <div data-svadmin-list-page-filter-toolbar>
       {@render filterToolbar()}
     </div>
   {/if}
 
-  <AutoTable
-    {rendering}
-    {resourceName}
-    showHeader={false}
-    {density}
-    {...definedOptions({ "selectable": selectable })}
-    {...definedOptions({ allowSelectAllMatching })}
-    {...definedOptions({ batchActions })}
-    {...definedOptions({ "defaultCellRenderer": cellRenderer })}
-    {...definedOptions({ "rowActions": rowActions })}
-    {...definedOptions({ emptyState, expandedRowRender })}
-  />
+  <div data-svadmin-list-page-table>
+    <AutoTable
+      {rendering}
+      {resourceName}
+      showHeader={false}
+      {...definedOptions({ "selectable": selectable })}
+      {...definedOptions({ allowSelectAllMatching })}
+      {...definedOptions({ savedViewProvider })}
+      {...definedOptions({ batchActions })}
+      {...definedOptions({ "defaultCellRenderer": cellRenderer })}
+      {...definedOptions({ "rowActions": rowActions })}
+      {...definedOptions({ emptyState, expandedRowRender })}
+    />
+  </div>
 </div>

package/dist/components/ListPage.svelte.d.ts

@@ -2,15 +2,16 @@ import type { ResourceRendering } from '../rendering/index.js';
 import type { Snippet } from 'svelte';
 import type { FieldDefinition } from '@svadmin/core';
 import type { BatchSelection } from './table-contract';
+import type { SavedListViewProvider } from './saved-list-views.js';
 interface Props {
     resourceName: string;
     rendering?: ResourceRendering | undefined;
     title?: string;
     canCreate?: boolean;
-    density?: 'compact' | 'comfortable';
     /** Passthrough: enable row selection checkboxes */
     selectable?: boolean;
     allowSelectAllMatching?: boolean;
+    savedViewProvider?: SavedListViewProvider;
     /** Passthrough: custom header actions */
     headerActions?: Snippet;
     /** Optional status tabs slot above filter/table */

package/dist/components/LoginPage.svelte

@@ -25,6 +25,10 @@
     defaultIdentifier = '',
     defaultPassword = '',
     loginHint,
+    identifierLabel,
+    identifierPlaceholder,
+    passwordLabel,
+    loginButtonLabel,
   } = $props<{
     title?: string;
     onSuccess?: () => void;
@@ -32,6 +36,10 @@
     defaultIdentifier?: string;
     defaultPassword?: string;
     loginHint?: string;
+    identifierLabel?: string;
+    identifierPlaceholder?: string;
+    passwordLabel?: string;
+    loginButtonLabel?: string;
   }>();
 
   const adminContext = captureAdminContext();
@@ -72,6 +80,7 @@
   {/if}
 {/snippet}
 
+<div data-svadmin-login-page>
 <AuthPageShell brand={title} title={i18n.t('auth.welcomeBack')} description={i18n.t('auth.welcomeMessage')} {footer}>
       {#if loginHint || defaultIdentifier || defaultPassword}
         <aside data-svadmin-demo-credentials class="svadmin-u-fb88ccaacf5b svadmin-u-421ac2be5045 svadmin-u-ca6bcd4b6f3f svadmin-u-18049387f0af svadmin-u-60ed9c3ef326 svadmin-u-eb6e8b881acd">
@@ -95,9 +104,9 @@
         </aside>
       {/if}
 
-      <form onsubmit={handleSubmit} class="svadmin-u-b43b4c086d9a">
+      <form onsubmit={handleSubmit} class="svadmin-u-b43b4c086d9a" data-svadmin-login-form>
         {#if error}
-          <Alert.Root variant="destructive">
+          <Alert.Root variant="destructive" id="login-error" data-svadmin-login-error aria-live="assertive">
             <AlertCircle class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
             <Alert.Description class="svadmin-u-fc7473ca09eb svadmin-u-2689f3958069">{error}</Alert.Description>
           </Alert.Root>
@@ -105,17 +114,20 @@
 
         <div class="svadmin-u-6f7e013d6499">
           <Label for="login-identifier">
-            {i18n.t('auth.usernameOrEmail')}
+            {identifierLabel ?? i18n.t('auth.usernameOrEmail')}
           </Label>
-          <div class="svadmin-u-d89972fe17d6">
-            <User class="svadmin-u-a4326536b8f5 svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-536a7530a44f svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-36b381be4df3 svadmin-u-bfa603190748" />
+          <div class="svadmin-auth-input-field" data-svadmin-login-identifier-field>
+            <User class="svadmin-auth-input-icon" data-svadmin-auth-input-icon aria-hidden="true" />
             <Input
               id="login-identifier"
+              data-svadmin-login-identifier
               type="text"
-              placeholder={i18n.t('auth.identifierPlaceholder')}
+              placeholder={identifierPlaceholder ?? i18n.t('auth.identifierPlaceholder')}
               bind:value={identifier}
-              class="svadmin-u-9e83b2412bc9"
+              class="svadmin-auth-input-control"
               autocomplete="username"
+              aria-invalid={error ? 'true' : undefined}
+              aria-describedby={error ? 'login-error' : undefined}
             />
           </div>
         </div>
@@ -123,7 +135,7 @@
         <div class="svadmin-u-6f7e013d6499">
           <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-8ef2268efbbc">
             <Label for="login-password">
-              {i18n.t('auth.password')}
+              {passwordLabel ?? i18n.t('auth.password')}
             </Label>
             {#if authProvider?.forgotPassword}
               <Button variant="link" class="svadmin-u-b8f0a08ece1e svadmin-u-8a539c7fe216 svadmin-u-359090c2d529 svadmin-u-2689f3958069" onclick={() => adminContext.navigate('/forgot-password')}>
@@ -133,17 +145,20 @@
           </div>
           <PasswordInput
             id="login-password"
-            label=""
+            label={passwordLabel ?? i18n.t('auth.password')}
+            showLabel={false}
             bind:value={password}
             autocomplete="current-password"
+            ariaInvalid={error ? 'true' : undefined}
+            ariaDescribedby={error ? 'login-error' : undefined}
           />
         </div>
 
-        <Button type="submit" class="svadmin-u-426b8b75185b svadmin-u-6da6a3c3f741" disabled={login.isLoading}>
+        <Button type="submit" data-svadmin-login-submit class="svadmin-u-426b8b75185b svadmin-u-6da6a3c3f741" disabled={login.isLoading} aria-busy={login.isLoading}>
           {#if login.isLoading}
             <Loader2 class="svadmin-u-cd0d9c512cdc svadmin-u-72470489ff4e svadmin-u-afbdd13a380e svadmin-u-d2347e8497a9" />
           {/if}
-          {i18n.t('auth.loginButton')}
+          {loginButtonLabel ?? i18n.t('auth.loginButton')}
         </Button>
       </form>
 
@@ -171,3 +186,4 @@
         </div>
       {/if}
 </AuthPageShell>
+</div>

package/dist/components/LoginPage.svelte.d.ts

@@ -10,6 +10,10 @@ type $$ComponentProps = {
     defaultIdentifier?: string;
     defaultPassword?: string;
     loginHint?: string;
+    identifierLabel?: string;
+    identifierPlaceholder?: string;
+    passwordLabel?: string;
+    loginButtonLabel?: string;
 };
 declare const LoginPage: import("svelte").Component<$$ComponentProps, {}, "">;
 type LoginPage = ReturnType<typeof LoginPage>;

package/dist/components/NotificationsSettings.svelte

@@ -33,12 +33,13 @@
   let loading = $state(false);
   let saving = $state(false);
   let loaded = $state(false);
-  let error = $state('');
+  let loadError = $state('');
+  let saveError = $state('');
   let epoch = 0;
   async function load() {
     const provider = preferencesProvider;
     const request = ++epoch;
-    error = ''; loaded = false; saving = false;
+    loadError = ''; saveError = ''; loaded = false; saving = false;
     loading = Boolean(provider);
     if (!provider) return;
     try {
@@ -47,7 +48,7 @@
       emailAlerts = { ...result.email }; pushAlerts = { ...result.push }; smsAlerts = { ...result.sms };
       loaded = true;
     } catch (caught) {
-      if (request === epoch) error = caught instanceof Error ? caught.message : String(caught);
+      if (request === epoch) loadError = caught instanceof Error ? caught.message : String(caught);
     } finally {
       if (request === epoch) loading = false;
     }
@@ -61,12 +62,12 @@
     const provider = preferencesProvider;
     if (!provider || !loaded || saving) return;
     const request = epoch;
-    saving = true; error = '';
+    saving = true; saveError = '';
     try {
       await provider.save({ email: { ...emailAlerts }, push: { ...pushAlerts }, sms: { ...smsAlerts } });
       if (request === epoch) notification.success(i18n.t('common.updateSuccess'), 3000);
     } catch (caught) {
-      if (request === epoch) error = caught instanceof Error ? caught.message : String(caught);
+      if (request === epoch) saveError = caught instanceof Error ? caught.message : String(caught);
     } finally {
       if (request === epoch) saving = false;
     }
@@ -85,9 +86,15 @@
   {#if !preferencesProvider}
     <FeedbackNotice tone="warning" message={i18n.locale === 'zh-CN' ? '未配置通知偏好存储服务，设置不可保存。' : 'Notification preference storage is not configured. Settings cannot be saved.'} />
   {/if}
-  {#if loading}<DataState state="loading" />{/if}
-  {#if error}<p role="alert">{error}</p>{#if !loaded}<Button onclick={load}>{i18n.t('common.retry')}</Button>{/if}{/if}
-  <fieldset disabled={!loaded || loading || saving} class="svadmin-u-b3542e058833">
+  {#if loading}
+    <DataState state="loading" />
+  {:else if loadError}
+    <DataState state="error" description={loadError} retry={load} />
+  {:else if saveError}
+    <FeedbackNotice tone="danger" message={saveError} />
+  {/if}
+  {#if loaded || !preferencesProvider}
+  <fieldset disabled={!preferencesProvider || saving} class="svadmin-u-b3542e058833">
   <SettingsGroup title={i18n.t('notifications.emailTitle')} description={i18n.t('notifications.emailDescription')} headingLevel={headingLevel === 'h1' ? 'h2' : 'h3'}>
     <div class="svadmin-u-fa6acbf81d74 svadmin-u-e783642739e3">
       <SettingsFieldRow controlId={`${controlId}-email-security`} label={i18n.t('notifications.securityAlerts')} description={i18n.t('notifications.securityAlertsDesc')}>{#snippet control()}<Switch id={`${controlId}-email-security`} bind:checked={emailAlerts.security} />{/snippet}</SettingsFieldRow>
@@ -106,4 +113,5 @@
     <SettingsFieldRow controlId={`${controlId}-sms-security`} label={i18n.t('notifications.criticalSecurity')} description={i18n.t('notifications.criticalSecurityDesc')}>{#snippet control()}<Switch id={`${controlId}-sms-security`} bind:checked={smsAlerts.security} />{/snippet}</SettingsFieldRow>
   </SettingsGroup>
   </fieldset>
+  {/if}
 </div>

package/dist/components/PageHeader.svelte

@@ -15,7 +15,6 @@
     onBack?: () => void;
     backLabel?: string;
     showBreadcrumbs?: boolean;
-    density?: 'compact' | 'comfortable';
     class?: string;
   }
 
@@ -29,13 +28,12 @@
     onBack,
     backLabel = 'Back',
     showBreadcrumbs = true,
-    density = 'comfortable',
     class: className = '',
   }: Props = $props();
 
 </script>
 
-<div class={cn('svadmin-page-header', className)} data-density={density}>
+<div class={cn('svadmin-page-header', className)}>
   {#if showBreadcrumbs}
     <Breadcrumbs class="svadmin-page-header__breadcrumbs" />
   {/if}

package/dist/components/PageHeader.svelte.d.ts

@@ -9,7 +9,6 @@ interface Props {
     onBack?: () => void;
     backLabel?: string;
     showBreadcrumbs?: boolean;
-    density?: 'compact' | 'comfortable';
     class?: string;
 }
 declare const PageHeader: import("svelte").Component<Props, {}, "">;

package/dist/components/PagePattern.svelte

@@ -3,8 +3,10 @@
   import { definedOptions } from '@svadmin/core/options';
   import ContentPageShell from './content/ContentPageShell.svelte';
   import WorkspaceLayout from './content/WorkspaceLayout.svelte';
+  import DataState from './content/DataState.svelte';
 
   export type PagePatternKind = 'list' | 'form' | 'detail' | 'workspace' | 'dashboard';
+  export type PagePatternState = 'ready' | 'loading' | 'empty' | 'filtered-empty' | 'error' | 'forbidden';
 
   interface Props {
     kind: PagePatternKind;
@@ -18,8 +20,14 @@
     children: Snippet;
     footer?: Snippet;
     width?: 'narrow' | 'default' | 'wide';
+    /** @deprecated Accepted for compatibility; the product baseline is shared. */
     density?: 'compact' | 'comfortable';
     pageId?: string;
+    state?: PagePatternState;
+    stateTitle?: string;
+    stateDescription?: string;
+    retry?: () => void;
+    stateAction?: Snippet;
     class?: string;
   }
 
@@ -35,24 +43,41 @@
     children,
     footer,
     width,
-    density,
+    density = 'comfortable',
     pageId,
+    state = 'ready',
+    stateTitle,
+    stateDescription,
+    retry,
+    stateAction,
     class: className = '',
   }: Props = $props();
 
   const resolvedPageId = $derived(pageId ?? `pattern-${kind}`);
   const resolvedWidth = $derived(width ?? (kind === 'form' ? 'narrow' : kind === 'detail' ? 'default' : 'wide'));
-  const resolvedDensity = $derived(density ?? 'comfortable');
+  const showState = $derived(state !== 'ready');
 </script>
 
 <ContentPageShell
   {title}
   {...definedOptions({ description, eyebrow, actions })}
-  density={resolvedDensity}
   width={resolvedWidth}
+  {density}
   pageId={resolvedPageId}
   class={className}
 >
+  <div data-page-pattern-kind={kind} data-page-pattern-state={state}>
+  {#if showState}
+    {#if state === 'loading' || state === 'empty' || state === 'filtered-empty' || state === 'error' || state === 'forbidden'}
+      <DataState
+        {state}
+        {...definedOptions({ title: stateTitle })}
+        {...definedOptions({ description: stateDescription })}
+        {...definedOptions({ retry: state === 'error' ? retry : undefined })}
+        {...definedOptions({ action: stateAction })}
+      />
+    {/if}
+  {:else}
   {#if metrics}
     <div class="page-pattern__metrics" data-page-pattern-metrics>
       {@render metrics()}
@@ -68,7 +93,7 @@
   {#if secondary}
     <WorkspaceLayout primary={children} {...definedOptions({ secondary })} />
   {:else}
-    <div class="page-pattern__content" data-page-pattern-content={kind} data-density={resolvedDensity}>
+    <div class="page-pattern__content" data-page-pattern-content={kind}>
       {@render children()}
     </div>
   {/if}
@@ -78,13 +103,15 @@
       {@render footer()}
     </footer>
   {/if}
+  {/if}
+  </div>
 </ContentPageShell>
 
 <style>
   .page-pattern__metrics {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
-    gap: 16px;
+    gap: var(--svadmin-space-4);
   }
 
   .page-pattern__toolbar,
@@ -94,11 +121,7 @@
 
   .page-pattern__content {
     display: grid;
-    gap: 24px;
-  }
-
-  .page-pattern__content[data-density='compact'] {
-    gap: 16px;
+    gap: var(--svadmin-space-5);
   }
 
   .page-pattern__footer {
@@ -106,9 +129,9 @@
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: 8px;
-    margin-top: 24px;
-    padding-top: 12px;
+    gap: var(--svadmin-space-2);
+    margin-top: var(--svadmin-space-5);
+    padding-top: var(--svadmin-space-3);
     border-top: 1px solid var(--border);
   }
 </style>

package/dist/components/PagePattern.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from 'svelte';
 export type PagePatternKind = 'list' | 'form' | 'detail' | 'workspace' | 'dashboard';
+export type PagePatternState = 'ready' | 'loading' | 'empty' | 'filtered-empty' | 'error' | 'forbidden';
 interface Props {
     kind: PagePatternKind;
     title: string;
@@ -12,8 +13,14 @@ interface Props {
     children: Snippet;
     footer?: Snippet;
     width?: 'narrow' | 'default' | 'wide';
+    /** @deprecated Accepted for compatibility; the product baseline is shared. */
     density?: 'compact' | 'comfortable';
     pageId?: string;
+    state?: PagePatternState;
+    stateTitle?: string;
+    stateDescription?: string;
+    retry?: () => void;
+    stateAction?: Snippet;
     class?: string;
 }
 declare const PagePattern: import("svelte").Component<Props, {}, "">;

package/dist/components/PasswordInput.svelte

@@ -16,7 +16,10 @@
     autocomplete?: FullAutoFill;
     showStrength?: boolean;
     disabled?: boolean;
+    showLabel?: boolean;
     class?: string;
+    ariaInvalid?: 'true' | 'false' | undefined;
+    ariaDescribedby?: string | undefined;
   }
 
   let {
@@ -27,7 +30,10 @@
     autocomplete = 'current-password',
     showStrength = false,
     disabled = false,
+    showLabel = true,
     class: className = '',
+    ariaInvalid,
+    ariaDescribedby,
   }: Props = $props();
 
   let showPassword = $state(false);
@@ -44,10 +50,10 @@
     return Math.min(score, 100);
   });
 
-  const strengthColor = $derived(
-    strength < 30 ? 'bg-destructive' :
-    strength < 60 ? 'bg-warning' :
-    strength < 80 ? 'bg-info' : 'bg-success'
+  const strengthTone = $derived(
+    strength < 30 ? 'danger' :
+    strength < 60 ? 'warning' :
+    strength < 80 ? 'info' : 'success'
   );
 
   const strengthLabel = $derived(
@@ -57,45 +63,58 @@
   );
 </script>
 
-<div class="svadmin-u-6f7e013d6499 {className}">
-  <Label for={id}>{label}</Label>
-  <div class="svadmin-u-d89972fe17d6">
-    <Lock class="svadmin-u-da4dbfbc4fdc svadmin-u-22e59b722111 svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3 svadmin-u-bfa603190748 svadmin-u-a4326536b8f5 svadmin-u-536a7530a44f" />
+<div
+  class="svadmin-password-input {className}"
+  data-svadmin-password-input
+  data-svadmin-login-password
+  data-password-visible={showPassword ? 'true' : 'false'}
+>
+  {#if showLabel}
+    <Label for={id} class="svadmin-password-input__label" data-svadmin-password-label>{label}</Label>
+  {/if}
+  <div class="svadmin-password-input__field" data-svadmin-password-field>
+    <Lock class="svadmin-password-input__icon" data-svadmin-password-icon aria-hidden="true" />
     <Input
       {id}
       type={showPassword ? 'text' : 'password'}
       {placeholder}
       bind:value
-      class="svadmin-u-9e83b2412bc9 svadmin-u-1b1df78e4d0a"
+      class="svadmin-password-input__control"
+      data-svadmin-password-control
       {autocomplete}
       {disabled}
+      aria-invalid={ariaInvalid}
+      aria-describedby={ariaDescribedby}
     />
     <TooltipButton
       tooltip={showPassword ? i18n.t('common.hidePassword') : i18n.t('common.showPassword')}
       variant="ghost"
       size="icon"
       type="button"
-      class="svadmin-u-da4dbfbc4fdc svadmin-u-68d3fc190004 svadmin-u-d694ba66e322 svadmin-u-36b381be4df3 svadmin-u-d0a52b312f7d svadmin-u-cbbf90f9a828 svadmin-u-536a7530a44f"
+      class="svadmin-password-input__toggle"
+      data-svadmin-password-toggle
+      aria-controls={id}
+      aria-pressed={showPassword}
       onclick={(e) => { e.preventDefault(); showPassword = !showPassword; }}
       {disabled}
-      tabindex={-1}
     >
       {#if showPassword}
-        <EyeOff class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
+        <EyeOff class="svadmin-password-input__glyph" />
       {:else}
-        <Eye class="svadmin-u-11e59c6d5f6b svadmin-u-dc7972ebf3f3" />
+        <Eye class="svadmin-password-input__glyph" />
       {/if}
     </TooltipButton>
   </div>
   {#if showStrength && value}
-    <div class="svadmin-u-60fbb7713999 svadmin-u-3960ffc248d9 svadmin-u-77a2a20e90d4">
-      <div class="svadmin-u-36e579c0b41c svadmin-u-095acb275581 svadmin-u-ac204c108886 svadmin-u-2ef11f1cb219 svadmin-u-2cd02d11d1af">
+    <div class="svadmin-password-input__strength" data-svadmin-password-strength>
+      <div class="svadmin-password-input__strength-track">
         <div
-          class="svadmin-u-668b21aa5409 svadmin-u-ac204c108886 svadmin-u-0fe7d7d814d0 svadmin-u-7890552ecd63 {strengthColor}"
+          class="svadmin-password-input__strength-fill"
+          data-tone={strengthTone}
           style="width: {strength}%"
         ></div>
       </div>
-      <span class="svadmin-u-359090c2d529 svadmin-u-bfa603190748 svadmin-u-e7e371071bc5 svadmin-u-308fc069e46e">{strengthLabel}</span>
+      <span class="svadmin-password-input__strength-label">{strengthLabel}</span>
     </div>
   {/if}
 </div>

package/dist/components/PasswordInput.svelte.d.ts

@@ -7,7 +7,10 @@ interface Props {
     autocomplete?: FullAutoFill;
     showStrength?: boolean;
     disabled?: boolean;
+    showLabel?: boolean;
     class?: string;
+    ariaInvalid?: 'true' | 'false' | undefined;
+    ariaDescribedby?: string | undefined;
 }
 declare const PasswordInput: import("svelte").Component<Props, {}, "value">;
 type PasswordInput = ReturnType<typeof PasswordInput>;

package/dist/components/QuickEditDrawer.svelte

@@ -32,7 +32,6 @@
     {resourceName}
     id={recordId}
     mode="edit"
-    density="compact"
     showHeader={false}
     redirect={false}
     onSuccess={onClose}