@svadmin/lite 0.16.10 → 0.17.0

package/dist/components/LiteJsonSchemaForm.svelte

@@ -201,14 +201,14 @@
 </div>
 
 <style>
-  .lite-schema-form-card { background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; padding: 16px; margin-bottom: 16px; }
-  .lite-schema-form-header { padding-bottom: 8px; border-bottom: 1px solid #e2e8f0; margin-bottom: 12px; font-size: 14px; }
-  .lite-schema-fieldset { border: 1px solid #e2e8f0; border-radius: 4px; padding: 12px; margin: 0 0 12px; }
+  .lite-schema-form-card { background: #fff; border: 1px solid #E5E6EB; border-radius: 6px; padding: 16px; margin-bottom: 16px; }
+  .lite-schema-form-header { padding-bottom: 8px; border-bottom: 1px solid #E5E6EB; margin-bottom: 12px; font-size: 14px; }
+  .lite-schema-fieldset { border: 1px solid #E5E6EB; border-radius: 4px; padding: 12px; margin: 0 0 12px; }
   .lite-schema-field { margin-bottom: 12px; }
   .lite-schema-fieldset > .lite-schema-field:last-child { margin-bottom: 0; }
-  .lite-schema-footer { display: flex; justify-content: flex-end; padding-top: 12px; border-top: 1px solid #e2e8f0; }
-  .lite-label { display: block; font-size: 12px; color: #475569; margin-bottom: 4px; }
-  .lite-schema-description, .lite-hint { font-size: 12px; color: #64748b; }
+  .lite-schema-footer { display: flex; justify-content: flex-end; padding-top: 12px; border-top: 1px solid #E5E6EB; }
+  .lite-label { display: block; font-size: 12px; color: #4E5969; margin-bottom: 4px; }
+  .lite-schema-description, .lite-hint { font-size: 12px; color: #4E5969; }
   .lite-input, .lite-select { width: 100%; }
   .lite-btn { margin-right: 6px; }
 </style>

package/dist/components/LiteKanbanBoard.svelte

@@ -128,8 +128,8 @@
     vertical-align: top;
     width: 260px;
     margin-right: 12px;
-    background-color: #f8fafc;
-    border: 1px solid #e2e8f0;
+    background-color: #F7F8FA;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     padding: 10px;
     white-space: normal;
@@ -138,60 +138,60 @@
   .sv-lite-column-header {
     font-weight: bold;
     padding-bottom: 8px;
-    border-bottom: 1px solid #cbd5e1;
-    color: #1e293b;
+    border-bottom: 1px solid #E5E6EB;
+    color: #1D2129;
     margin-bottom: 8px;
   }
   .sv-lite-column-count {
-    color: #64748b;
+    color: #4E5969;
     font-weight: normal;
     font-size: 11px;
     margin-left: 4px;
   }
   .sv-lite-kanban-card {
     background-color: #ffffff;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
     padding: 8px;
     margin-bottom: 8px;
   }
   .sv-lite-card-title {
     font-weight: 600;
-    color: #0f172a;
+    color: #1D2129;
     margin-bottom: 4px;
   }
   .sv-lite-card-desc {
-    color: #64748b;
+    color: #4E5969;
     font-size: 11px;
     margin-bottom: 6px;
   }
   .sv-lite-card-meta {
     padding-top: 4px;
-    border-top: 1px solid #f1f5f9;
+    border-top: 1px solid #F2F3F5;
   }
   .sv-lite-priority-badge {
     display: inline-block;
     padding: 1px 4px;
     font-size: 10px;
     border-radius: 2px;
-    text-transform: uppercase;
+    text-transform: none;
     margin-right: 4px;
   }
   .sv-lite-urgent, .sv-lite-high {
-    background-color: #fee2e2;
-    color: #991b1b;
+    background-color: #FFECE8;
+    color: #CB272D;
   }
   .sv-lite-medium {
-    background-color: #e0e7ff;
-    color: #3730a3;
+    background-color: #E8F3FF;
+    color: #0E42D2;
   }
   .sv-lite-low {
-    background-color: #f1f5f9;
-    color: #475569;
+    background-color: #F2F3F5;
+    color: #4E5969;
   }
   .sv-lite-tag-badge {
     display: inline-block;
-    color: #64748b;
+    color: #4E5969;
     font-size: 10px;
     margin-right: 4px;
   }
@@ -202,13 +202,13 @@
     width: 170px;
     padding: 4px 6px;
     font-size: 11px;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 3px;
   }
   .sv-lite-card-btn {
     padding: 4px 8px;
     font-size: 11px;
-    background-color: #4f46e5;
+    background-color: #165DFF;
     color: #ffffff;
     border: none;
     border-radius: 3px;

package/dist/components/LiteLayout.svelte

@@ -80,10 +80,10 @@
       {/each}
     {/if}
     {#if userName}
-      <div style="position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #334155;font-size:12px;color:#94a3b8;">
+      <div style="position:absolute;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #1D2129;font-size:12px;color:#86909C;">
         {userName}
         <form method="POST" action={`${basePath}/login?/logout`} style="display:inline;margin-left:8px;">
-          <button type="submit" class="lite-btn lite-btn-sm" style="color:#94a3b8;border-color:#475569;background:transparent;">Logout</button>
+          <button type="submit" class="lite-btn lite-btn-sm" style="color:#86909C;border-color:#4E5969;background:transparent;">Logout</button>
         </form>
       </div>
     {/if}

package/dist/components/LiteMasterDetailView.svelte

@@ -52,7 +52,7 @@
             <tbody>
               {#each Object.entries(activeItem) as [k, v] (k)}
                 <tr>
-                  <th style="width: 30%; text-align: left; background: #f8fafc;">{k}</th>
+                  <th style="width: 30%; text-align: left; background: #F7F8FA;">{k}</th>
                   <td>{typeof v === 'object' ? JSON.stringify(v) : String(v ?? '—')}</td>
                 </tr>
               {/each}
@@ -61,7 +61,7 @@
         </div>
       {/if}
     {:else}
-      <div style="color: #94a3b8; padding: 24px; text-align: center;">
+      <div style="color: #86909C; padding: 24px; text-align: center;">
         Select an item to view details
       </div>
     {/if}
@@ -72,19 +72,19 @@
   .lite-master-detail-card {
     display: flex;
     background: #ffffff;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     margin-bottom: 16px;
     min-height: 320px;
   }
   .lite-master-list {
     flex: 0 0 240px;
-    border-right: 1px solid #e2e8f0;
-    background: #f8fafc;
+    border-right: 1px solid #E5E6EB;
+    background: #F7F8FA;
   }
   .lite-master-header {
     padding: 10px 12px;
-    border-bottom: 1px solid #e2e8f0;
+    border-bottom: 1px solid #E5E6EB;
     font-size: 12px;
   }
   .lite-master-items {
@@ -93,16 +93,16 @@
     margin: 0;
   }
   .lite-master-item {
-    border-bottom: 1px solid #f1f5f9;
+    border-bottom: 1px solid #F2F3F5;
   }
   .lite-master-item-active {
-    background: #e0e7ff;
+    background: #E8F3FF;
     font-weight: bold;
   }
   .lite-master-link {
     display: block;
     padding: 8px 12px;
-    color: #1e293b;
+    color: #1D2129;
     text-decoration: none;
     font-size: 12px;
   }

package/dist/components/LiteMediaLibraryModal.svelte

@@ -71,7 +71,7 @@
         {/each}
         {#if mediaItems.length === 0}
           <tr>
-            <td colspan="5" style="text-align: center; color: #94a3b8; padding: 24px;">No media files available</td>
+            <td colspan="5" style="text-align: center; color: #86909C; padding: 24px;">No media files available</td>
           </tr>
         {/if}
       </tbody>
@@ -88,21 +88,21 @@
 <style>
   .lite-media-library-card {
     background: #ffffff;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     padding: 16px;
     margin-bottom: 16px;
   }
   .lite-media-header {
     padding-bottom: 10px;
-    border-bottom: 1px solid #e2e8f0;
+    border-bottom: 1px solid #E5E6EB;
     margin-bottom: 12px;
     font-size: 14px;
   }
   .lite-media-upload-row {
     margin-bottom: 12px;
     padding: 8px;
-    background: #f8fafc;
+    background: #F7F8FA;
     border-radius: 4px;
   }
   .lite-media-footer {

package/dist/components/LiteMediaThumbnail.svelte

@@ -27,9 +27,9 @@
 {/if}
 
 <style>
-  .lite-media-thumbnail { position: relative; display: inline-flex; max-width: 300px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 6px; background: #f8fafc; }
+  .lite-media-thumbnail { position: relative; display: inline-flex; max-width: 300px; align-items: center; justify-content: center; overflow: hidden; border: 1px solid #E5E6EB; border-radius: 6px; background: #F7F8FA; }
   .lite-media-thumbnail img { display: block; width: auto; max-width: 100%; height: 100%; object-fit: contain; }
   .lite-media-hidden { visibility: hidden; }
-  .lite-media-status { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; color: #64748b; font-size: 12px; text-align: center; }
-  .lite-media-empty { color: #64748b; font-size: 12px; }
+  .lite-media-status { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; color: #4E5969; font-size: 12px; text-align: center; }
+  .lite-media-empty { color: #4E5969; font-size: 12px; }
 </style>

package/dist/components/LiteMentionsInput.svelte

@@ -61,24 +61,24 @@
   .sv-lite-textarea {
     width: 100%;
     padding: 8px;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
     font-size: 12px;
     font-family: inherit;
     box-sizing: border-box;
     background-color: #ffffff;
-    color: #0f172a;
+    color: #1D2129;
   }
   .sv-lite-mentions-hints {
     margin-top: 6px;
     padding: 4px 6px;
-    background-color: #f8fafc;
-    border: 1px solid #e2e8f0;
+    background-color: #F7F8FA;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
   }
   .sv-lite-hints-title {
     font-weight: 600;
-    color: #64748b;
+    color: #4E5969;
     margin-right: 6px;
   }
   .sv-lite-mention-badge {
@@ -86,13 +86,13 @@
     padding: 2px 6px;
     margin-right: 4px;
     margin-bottom: 2px;
-    background-color: #e0e7ff;
-    color: #4338ca;
+    background-color: #E8F3FF;
+    color: #0E42D2;
     border-radius: 3px;
     font-size: 11px;
   }
   .sv-lite-tag {
-    background-color: #f1f5f9;
-    color: #475569;
+    background-color: #F2F3F5;
+    color: #4E5969;
   }
 </style>

package/dist/components/LiteModalForm.svelte

@@ -52,24 +52,24 @@
   .lite-modal-card {
     padding: 16px;
     background: #ffffff;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     margin-bottom: 16px;
   }
   .lite-modal-header {
     padding-bottom: 10px;
-    border-bottom: 1px solid #e2e8f0;
+    border-bottom: 1px solid #E5E6EB;
     margin-bottom: 12px;
   }
   .lite-modal-title {
     margin: 0;
     font-size: 14px;
-    color: #1e293b;
+    color: #1D2129;
   }
   .lite-modal-desc {
     margin: 4px 0 0 0;
     font-size: 12px;
-    color: #64748b;
+    color: #4E5969;
   }
   .lite-modal-body {
     margin-bottom: 16px;
@@ -79,6 +79,6 @@
     display: flex;
     justify-content: flex-end;
     padding-top: 12px;
-    border-top: 1px solid #e2e8f0;
+    border-top: 1px solid #E5E6EB;
   }
 </style>

package/dist/components/LiteMultiTabKeepAlive.svelte

@@ -40,8 +40,8 @@
 <style>
   .sv-lite-tab-bar {
     display: block;
-    background-color: #f1f5f9;
-    border-bottom: 1px solid #cbd5e1;
+    background-color: #F2F3F5;
+    border-bottom: 1px solid #E5E6EB;
     padding: 4px 8px 0 8px;
     font-size: 12px;
   }
@@ -53,18 +53,18 @@
     display: inline-block;
     padding: 6px 12px;
     margin-right: 4px;
-    background-color: #e2e8f0;
-    color: #475569;
+    background-color: #E5E6EB;
+    color: #4E5969;
     text-decoration: none;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     border-bottom: none;
     font-weight: 500;
   }
   .sv-lite-tab-active {
     background-color: #ffffff;
-    color: #0f172a;
+    color: #1D2129;
     font-weight: 600;
     border-bottom: 1px solid #ffffff;
     margin-bottom: -1px;

package/dist/components/LiteOfflineSyncBanner.svelte

@@ -49,13 +49,13 @@
   }
   .sv-lite-sync-offline {
     background-color: #fef3c7;
-    border: 1px solid #fde68a;
-    color: #92400e;
+    border: 1px solid #FFE4BA;
+    color: #D25F00;
   }
   .sv-lite-sync-online {
-    background-color: #f1f5f9;
-    border: 1px solid #cbd5e1;
-    color: #334155;
+    background-color: #F2F3F5;
+    border: 1px solid #E5E6EB;
+    color: #1D2129;
   }
   .sv-lite-sync-title {
     display: inline-block;
@@ -66,7 +66,7 @@
   .sv-lite-sync-btn {
     padding: 3px 8px;
     font-size: 11px;
-    background-color: #4f46e5;
+    background-color: #165DFF;
     color: #ffffff;
     border: none;
     border-radius: 3px;

package/dist/components/LitePdfDocumentViewer.svelte

@@ -64,7 +64,7 @@
 <style>
   .sv-lite-pdf-viewer {
     display: block;
-    border: 1px solid #e2e8f0;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     padding: 12px;
     background-color: #ffffff;
@@ -73,26 +73,26 @@
   .sv-lite-pdf-header {
     margin-bottom: 10px;
     font-size: 13px;
-    color: #0f172a;
+    color: #1D2129;
     padding-bottom: 8px;
-    border-bottom: 1px solid #cbd5e1;
+    border-bottom: 1px solid #E5E6EB;
   }
   .sv-lite-pdf-page {
-    color: #64748b;
+    color: #4E5969;
     font-size: 11px;
     margin-left: 8px;
   }
   .sv-lite-pdf-dl {
     float: right;
-    color: #4338ca;
+    color: #0E42D2;
     text-decoration: none;
     font-weight: 600;
   }
   .sv-lite-pdf-embed-wrapper {
     width: 100%;
     height: 600px;
-    background-color: #f8fafc;
-    border: 1px solid #cbd5e1;
+    background-color: #F7F8FA;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
   }
   .sv-lite-pdf-object {
@@ -102,12 +102,12 @@
   .sv-lite-pdf-fallback {
     padding: 20px;
     text-align: center;
-    color: #64748b;
+    color: #4E5969;
   }
   .sv-lite-pdf-placeholder {
     padding: 20px;
-    background-color: #f8fafc;
-    border: 1px solid #cbd5e1;
+    background-color: #F7F8FA;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
     text-align: center;
   }
@@ -115,7 +115,7 @@
     display: inline-block;
     width: 400px;
     background: #ffffff;
-    border: 1px solid #cbd5e1;
+    border: 1px solid #E5E6EB;
     padding: 20px;
     text-align: left;
     box-shadow: 0 1px 3px rgba(0,0,0,0.05);
@@ -123,13 +123,13 @@
   .sv-lite-stamps {
     margin-top: 15px;
     padding-top: 10px;
-    border-top: 1px solid #e2e8f0;
+    border-top: 1px solid #E5E6EB;
   }
   .sv-lite-stamp-badge {
     display: inline-block;
     padding: 2px 6px;
-    background-color: #dcfce7;
-    color: #166534;
+    background-color: #E8FFEA;
+    color: #009A29;
     border-radius: 3px;
     font-size: 10px;
     margin-left: 6px;

package/dist/components/LitePermissionMatrix.svelte

@@ -111,13 +111,13 @@
           {@const section = resourceSection(resource)}
           {#if section && (i === 0 || section !== resourceSection(resources[i-1]))}
             <tr>
-              <td colspan={actions.length + 1} style="background:#f1f5f9;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:#475569;">
+              <td colspan={actions.length + 1} style="background:#F2F3F5;font-weight:700;font-size:12px;text-transform:none;letter-spacing:0;color:#4E5969;">
                 {section}
               </td>
             </tr>
           {/if}
           <tr>
-            <td><strong>{resourceLabel(resource)}</strong><br/><small style="color:#94a3b8;">{resourceCode(resource)}</small></td>
+            <td><strong>{resourceLabel(resource)}</strong><br/><small style="color:#86909C;">{resourceCode(resource)}</small></td>
             {#each actions as action, _i (_i)}
               <td style="text-align:center;">
                 <input
@@ -133,7 +133,7 @@
         {/each}
         {#if resources.length === 0}
           <tr>
-            <td colspan={actions.length + 1} style="text-align:center;padding:24px;color:#94a3b8;">
+            <td colspan={actions.length + 1} style="text-align:center;padding:24px;color:#86909C;">
               No resources configured.
             </td>
           </tr>
@@ -154,14 +154,14 @@
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 16px;
-    border-bottom: 2px solid #e2e8f0;
+    border-bottom: 2px solid #E5E6EB;
     padding-bottom: 0;
   }
   .lite-role-tab {
     padding: 8px 16px;
     margin-right: 4px;
     text-decoration: none;
-    color: #64748b;
+    color: #4E5969;
     font-size: 14px;
     font-weight: 500;
     border-bottom: 2px solid transparent;
@@ -169,12 +169,12 @@
     transition: color 0.15s ease, border-color 0.15s ease;
   }
   .lite-role-tab:hover {
-    color: #0f172a;
+    color: #1D2129;
     text-decoration: none;
   }
   .lite-role-tab.active {
-    color: #4f46e5;
-    border-bottom-color: #4f46e5;
+    color: #165DFF;
+    border-bottom-color: #165DFF;
     font-weight: 600;
   }
 </style>

package/dist/components/LitePivotTable.svelte

@@ -142,7 +142,7 @@
 <style>
   .sv-lite-pivot-container {
     display: block;
-    border: 1px solid #e2e8f0;
+    border: 1px solid #E5E6EB;
     border-radius: 6px;
     padding: 12px;
     background-color: #ffffff;
@@ -152,10 +152,10 @@
   .sv-lite-pivot-header {
     margin-bottom: 10px;
     font-size: 13px;
-    color: #0f172a;
+    color: #1D2129;
   }
   .sv-lite-pivot-sub {
-    color: #64748b;
+    color: #4E5969;
     font-size: 11px;
     margin-left: 8px;
   }
@@ -165,29 +165,29 @@
     text-align: right;
   }
   .sv-lite-pivot-table th, .sv-lite-pivot-table td {
-    border: 1px solid #e2e8f0;
+    border: 1px solid #E5E6EB;
     padding: 6px 10px;
   }
   .sv-lite-pivot-table thead {
-    background-color: #f8fafc;
-    color: #475569;
+    background-color: #F7F8FA;
+    color: #4E5969;
   }
   .sv-lite-th-dim, .sv-lite-td-dim {
     text-align: left;
-    background-color: #f8fafc;
+    background-color: #F7F8FA;
     font-weight: 600;
   }
   .sv-lite-th-total, .sv-lite-td-rowtotal {
-    background-color: #f1f5f9;
+    background-color: #F2F3F5;
     font-weight: 600;
   }
   .sv-lite-pivot-table tfoot {
-    background-color: #f1f5f9;
+    background-color: #F2F3F5;
     font-weight: bold;
-    border-top: 2px solid #cbd5e1;
+    border-top: 2px solid #E5E6EB;
   }
   .sv-lite-td-grandtotal {
-    color: #4338ca;
+    color: #0E42D2;
     font-weight: bold;
   }
 </style>

package/dist/components/LitePresenceAvatarGroup.svelte

@@ -24,7 +24,7 @@
     </span>
   {/each}
   {#if users.length === 0}
-    <span style="color: #94a3b8; font-size: 11px;">No active viewers</span>
+    <span style="color: #86909C; font-size: 11px;">No active viewers</span>
   {/if}
 </div>
 
@@ -36,15 +36,15 @@
     margin-bottom: 8px;
   }
   .lite-presence-label {
-    color: #64748b;
+    color: #4E5969;
     margin-right: 6px;
     font-weight: 500;
   }
   .lite-presence-badge {
     display: inline-block;
     padding: 2px 6px;
-    background: #f1f5f9;
-    border: 1px solid #cbd5e1;
+    background: #F2F3F5;
+    border: 1px solid #E5E6EB;
     border-radius: 4px;
     margin-right: 4px;
     font-size: 11px;