@invopop/popui 0.1.65 → 0.1.67

package/dist/DataListItem.svelte

@@ -16,11 +16,11 @@
   }: DataListItemProps = $props()
 
   let valueStyles = $derived(
-    clsx('text-foreground font-medium text-base min-w-0 flex', {
+    clsx('text-foreground font-medium text-base min-w-0', {
       'font-mono slashed-zero tabular-nums lining-nums': monospaced,
       truncate: !children,
-      'h-6 items-center': !children,
-      'items-start': children
+      'leading-6': !children,
+      'flex items-start': children
     })
   )
 
@@ -62,7 +62,11 @@
     )}
     onclick={clickAction ? handleAreaClick : undefined}
   >
-    <div class="flex-1 min-w-0 overflow-x-auto">
+    <div
+      class={clsx('flex-1 min-w-0', {
+        'overflow-x-auto': children
+      })}
+    >
       <div class={valueStyles}>
         {#if children}
           {@render children()}

package/dist/data-table/data-table-pagination.svelte

@@ -141,7 +141,7 @@
             />
           </div>
           <span class="text-base text-foreground-default-secondary whitespace-nowrap">
-            / {totalPages}
+            / {formatNumber(totalPages)}
           </span>
         </div>
         <div class="flex items-center">

package/dist/data-table/flex-render.svelte

@@ -23,11 +23,7 @@
 </script>
 
 {#if typeof content === 'string'}
-  {#if content}
-    {content}
-  {:else}
-    <span class="text-foreground-default-tertiary">-</span>
-  {/if}
+  {content}
 {:else if content instanceof Function}
   <!-- It's unlikely that a CellContext will be passed to a Header -->
   <!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
@@ -40,7 +36,5 @@
     {@render snippet({ ...params, attach })}
   {:else if result != null && result !== ''}
     {result}
-  {:else}
-    <span class="text-foreground-default-tertiary">-</span>
   {/if}
 {/if}

package/dist/tailwind.theme.css

@@ -1008,24 +1008,27 @@
 }
 
 .icon-sidebar-hide_anim_line {
-  transition-behavior: allow-discrete;
+  transform: translate(3.5px, 0.5px);
 }
 
-.icon-sidebar-hide_anim {
-  overflow: hidden;
+.icon-sidebar-hide:hover .icon-sidebar-hide_anim_line {
+  transform: translate(-.25px, 0.5px) scale(0.70, 1);
 }
 
-.icon-sidebar-hide:hover .icon-sidebar-hide_anim_line {
-  transform: translate(-2.5px, 0) scale(0.70, 1);
+.icon-sidebar-hide_anim {
+  overflow: hidden;
 }
 
 .icon-sidebar-hide:hover .icon-sidebar-hide_anim_line rect {
   rx: 0.5px;
 }
 
+.icon-sidebar-hide_anim_arrow {
+    transform: translate(-1.5px, -2px);
+}
+
 .icon-sidebar-hide:hover .icon-sidebar-hide_anim_arrow {
-  transform: translate(-11px, 0);
-  display: block;
+  transform: translate(-4px, -2px);
 }
 
 /* Animated sidebar show icon */
@@ -1057,7 +1060,7 @@
 }
 
 .icon-sidebar-show:hover .icon-sidebar-show_anim_arrow {
-    transform: scale(-1,1) translate(-4px, 0);
+  transform: scale(-1, 1) translate(-4px, 0);
 }
 
 /* Animated pulse icon */
@@ -1067,4 +1070,4 @@
 @keyframes icon-pulse-animation {
   0%, 100% { fill: var(--color-background-default-tertiary); }
   40% { fill: var(--color-accent-50); }
-}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.65",
+  "version": "0.1.67",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },