@invopop/popui 0.1.10 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -241,7 +241,7 @@
241
241
  }}
242
242
  />
243
243
 
244
- <div class="w-full font-sans border rounded-md border-neutral-100">
244
+ <div class="h-full w-full font-sans border rounded-md border-neutral-100 overflow-auto">
245
245
  <Table class="hidden md:table" {...rest}>
246
246
  <colgroup>
247
247
  {#if selectable}
@@ -115,7 +115,7 @@
115
115
  onSelect
116
116
  }: DatePickerProps = $props()
117
117
 
118
- let selectedPeriod = $state('this-week')
118
+ let selectedPeriod = $state('custom')
119
119
  let value = $state<DateRange>({
120
120
  start: undefined,
121
121
  end: undefined
@@ -143,14 +143,15 @@
143
143
  }
144
144
  return
145
145
  }
146
- value = {
147
- start: toCalendarDate(startOfThisWeek),
148
- end: toCalendarDate(endOfThisWeek)
149
- }
150
- selectedPeriod = 'this-week'
151
146
  })
152
147
 
153
148
  function cancel() {
149
+ value = {
150
+ start: undefined,
151
+ end: undefined
152
+ }
153
+ selectedPeriod = 'custom'
154
+ selectedLabel = label
154
155
  isOpen = false
155
156
  onSelect?.({ from: '', to: '' })
156
157
  }
@@ -114,12 +114,12 @@
114
114
  }}
115
115
  >
116
116
  <div class="flex items-center space-x-1.5">
117
- <Icon src={AddCircle} class="w-4 h-4 text-neutral-800 flex-shrink-0" />
117
+ <Icon src={AddCircle} class="w-4 h-4 text-neutral-800 shrink-0" />
118
118
  <span class="text-neutral-800 tracking-tight text-base font-medium">Create workspace</span
119
119
  >
120
120
  </div>
121
121
 
122
- <Icon src={ExternalLink} class="w-5 h-5 text-neutral-800 flex-shrink-0" />
122
+ <Icon src={ExternalLink} class="w-4 h-4 text-neutral-400 shrink-0" />
123
123
  </button>
124
124
  </li>
125
125
  </ul>
@@ -15,7 +15,7 @@
15
15
  buttonVariants({ variant: 'ghost' }),
16
16
  'size-(--cell-size) flex select-none flex-col items-center justify-center gap-1 whitespace-nowrap p-0 font-normal leading-none',
17
17
  // today
18
- '[&[data-today]:not([data-selected])]:border-b [&[data-today]:not([data-selected])]:border-workspace-accent [&[data-today]:not([data-selected])]:rounded-none',
18
+ '[&[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',
19
19
  // range Start
20
20
  'data-[range-start]:bg-workspace-accent data-[range-start]:text-white data-[range-start]:font-semibold data-[range-start]:shadow-active',
21
21
  // range middle
@@ -8,7 +8,7 @@
8
8
  }: WithElementRef<HTMLTableAttributes> = $props()
9
9
  </script>
10
10
 
11
- <div data-slot="table-container" class="relative w-full overflow-x-auto">
11
+ <div data-slot="table-container" class="relative w-full">
12
12
  <table bind:this={ref} data-slot="table" class={cn('w-full caption-bottom', className)}>
13
13
  {@render children?.()}
14
14
  </table>
package/package.json CHANGED
@@ -1,9 +1,11 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.1.10",
4
+ "version": "0.1.11",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
+ "dev:clean": "npm run clean && vite dev",
8
+ "clean": "rm -rf .svelte-kit node_modules/.vite node_modules/.cache",
7
9
  "build": "vite build && npm run package",
8
10
  "preview": "vite preview",
9
11
  "package": "svelte-kit sync && svelte-package && publint",