@invopop/popui 0.1.64 → 0.1.66

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

@@ -1000,16 +1000,71 @@
   font-feature-settings: var(--font-mono-features);
 }
 
-/* Pulse icon animation */
-@keyframes pulse-fill {
-  0%, 100% { fill: var(--color-background-default-tertiary); }
-  40% { fill: var(--color-accent-50); }
+/* Animated sidebar hide icon */
+
+.icon-sidebar-hide_anim_line,
+.icon-sidebar-hide_anim_arrow {
+  transition: all 0.4s ease;
+}
+
+.icon-sidebar-hide_anim_line {
+  transition-behavior: allow-discrete;
+}
+
+.icon-sidebar-hide_anim {
+  overflow: hidden;
 }
 
-.pulse-icon .r0 {
-  animation: pulse-fill 1.6s ease-in-out infinite 0s;
+.icon-sidebar-hide:hover .icon-sidebar-hide_anim_line {
+  transform: translate(-2.5px, 0) scale(0.70, 1);
+}
+
+.icon-sidebar-hide:hover .icon-sidebar-hide_anim_line rect {
+  rx: 0.5px;
+}
+
+.icon-sidebar-hide:hover .icon-sidebar-hide_anim_arrow {
+  transform: translate(-11px, 0);
+  display: block;
+}
+
+/* Animated sidebar show icon */
+
+.icon-sidebar-show_anim_line,
+.icon-sidebar-show_anim_arrow {
+  transition: transform 0.4s ease;
 }
 
-.pulse-icon .r1 {
-  animation: pulse-fill 1.6s ease-in-out infinite 0.16s;
+.icon-sidebar-show_anim_arrow {
+  transform: scale(-1, 1) translateX(-1px);
+  transform-origin: 8px 8px;
+}
+
+.icon-sidebar-show:hover .icon-sidebar-show_anim_line,
+.icon-sidebar-show:hover .icon-sidebar-show_anim_arrow {
+  transform: translate(4px, 0);
+  rx: 0;
+}
+
+.icon-sidebar-show_anim_line rect {
+  rx: 0.5px;
+  transform: translate(1.3px, 3px) scale(0.70, 1);
+}
+
+.icon-sidebar-show:hover .icon-sidebar-show_anim_line rect {
+  rx: 0px;
+  transform: translate(1px, 3px) scale(1, 1);
+}
+
+.icon-sidebar-show:hover .icon-sidebar-show_anim_arrow {
+    transform: scale(-1,1) translate(-4px, 0);
+}
+
+/* Animated pulse icon */
+
+.icon-pulse_r0 { animation: icon-pulse-animation 1.6s ease-in-out infinite 0s; }
+.icon-pulse_r1 { animation: icon-pulse-animation 1.6s ease-in-out infinite 0.16s; }
+@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.64",
+  "version": "0.1.66",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },