@invopop/popui 0.1.10 → 0.1.12

package/dist/BaseTable.svelte

@@ -241,7 +241,7 @@
   }}
 />
 
-<div class="w-full font-sans border rounded-md border-neutral-100">
+<div class="h-full w-full font-sans border rounded-md border-neutral-100 overflow-auto">
   <Table class="hidden md:table" {...rest}>
     <colgroup>
       {#if selectable}

package/dist/DatePicker.svelte

@@ -115,7 +115,7 @@
     onSelect
   }: DatePickerProps = $props()
 
-  let selectedPeriod = $state('this-week')
+  let selectedPeriod = $state('custom')
   let value = $state<DateRange>({
     start: undefined,
     end: undefined
@@ -143,14 +143,15 @@
       }
       return
     }
-    value = {
-      start: toCalendarDate(startOfThisWeek),
-      end: toCalendarDate(endOfThisWeek)
-    }
-    selectedPeriod = 'this-week'
   })
 
   function cancel() {
+    value = {
+      start: undefined,
+      end: undefined
+    }
+    selectedPeriod = 'custom'
+    selectedLabel = label
     isOpen = false
     onSelect?.({ from: '', to: '' })
   }

package/dist/DrawerContextWorkspace.svelte

@@ -114,12 +114,12 @@
         }}
       >
         <div class="flex items-center space-x-1.5">
-          <Icon src={AddCircle} class="w-4 h-4 text-neutral-800 flex-shrink-0" />
+          <Icon src={AddCircle} class="w-4 h-4 text-neutral-800 shrink-0" />
           <span class="text-neutral-800 tracking-tight text-base font-medium">Create workspace</span
           >
         </div>
 
-        <Icon src={ExternalLink} class="w-5 h-5 text-neutral-800 flex-shrink-0" />
+        <Icon src={ExternalLink} class="w-4 h-4 text-neutral-400 shrink-0" />
       </button>
     </li>
   </ul>

package/dist/range-calendar/range-calendar-day.svelte

@@ -15,7 +15,7 @@
     buttonVariants({ variant: 'ghost' }),
     'size-(--cell-size) flex select-none flex-col items-center justify-center gap-1 whitespace-nowrap p-0 font-normal leading-none',
     // today
-    '[&[data-today]:not([data-selected])]:border-b [&[data-today]:not([data-selected])]:border-workspace-accent [&[data-today]:not([data-selected])]:rounded-none',
+    '[&[data-today]:not([data-selected]):not([data-outside-month])]:border-b [&[data-today]:not([data-selected]):not([data-outside-month])]:border-workspace-accent [&[data-today]:not([data-selected]):not([data-outside-month])]:rounded-none',
     // range Start
     'data-[range-start]:bg-workspace-accent data-[range-start]:text-white data-[range-start]:font-semibold data-[range-start]:shadow-active',
     // range middle

package/dist/table/table-cell.svelte

@@ -15,7 +15,7 @@
   bind:this={ref}
   data-slot="table-cell"
   class={cn(
-    'py-3 pl-3 pr-3 align-middle text-neutral-500 font-normal text-base [&:has([role=checkbox])]:pr-2 [&:has([role=menu])]:pl-1 relative',
+    'py-3 pl-3 pr-3 align-middle text-neutral-500 font-normal text-base [&:has([role=checkbox])]:pr-2 [&:has([role=menu])]:pl-1 relative z-1',
     className
   )}
   onclick={bubble('click')}

package/dist/table/table.svelte

@@ -8,7 +8,7 @@
   }: WithElementRef<HTMLTableAttributes> = $props()
 </script>
 
-<div data-slot="table-container" class="relative w-full overflow-x-auto">
+<div data-slot="table-container" class="relative w-full">
   <table bind:this={ref} data-slot="table" class={cn('w-full caption-bottom', className)}>
     {@render children?.()}
   </table>

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "scripts": {
     "dev": "vite dev",
+    "dev:clean": "npm run clean && vite dev",
+    "clean": "rm -rf .svelte-kit node_modules/.vite node_modules/.cache",
     "build": "vite build && npm run package",
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",