@invopop/popui 0.1.29 → 0.1.31

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.
@@ -36,7 +36,7 @@
36
36
  class="flex items-center gap-2 px-[5px] py-0.5 rounded bg-background-default-secondary border border-border"
37
37
  >
38
38
  <span
39
- class="font-medium text-xs leading-4 text-foreground-default-tertiary whitespace-nowrap"
39
+ class="font-medium text-sm leading-4 text-foreground-default-tertiary whitespace-nowrap"
40
40
  >
41
41
  Soon
42
42
  </span>
@@ -6,7 +6,7 @@
6
6
 
7
7
  let styles = $derived(
8
8
  clsx(
9
- 'inline-flex items-center justify-center rounded px-[3px] pb-[1.5px] pt-[2.5px] font-mono font-medium text-xs leading-none',
9
+ 'inline-flex items-center justify-center rounded px-[3px] pb-[1.5px] pt-[2.5px] font-mono font-medium text-sm leading-none',
10
10
  {
11
11
  'bg-background-default-tertiary text-foreground': theme === 'light',
12
12
  'bg-background-accent text-foreground-inverse': theme === 'accent',
@@ -18,7 +18,7 @@
18
18
 
19
19
  let fileAvatarStyles = $derived(
20
20
  cn(
21
- 'size-8 rounded-md border border-border flex items-center justify-center text-xs font-black font-mono leading-4 uppercase',
21
+ 'size-8 rounded-md border border-border flex items-center justify-center text-sm font-black font-mono leading-4 uppercase',
22
22
  {
23
23
  'text-foreground-document-pdf': fileType === 'pdf',
24
24
  'text-foreground-document-xml': fileType === 'xml',
@@ -55,7 +55,7 @@
55
55
  <div class="text-sm font-medium text-foreground truncate w-full">
56
56
  {name}
57
57
  </div>
58
- <div class="text-xs text-foreground-default-secondary truncate w-full">
58
+ <div class="text-sm text-foreground-default-secondary truncate w-full">
59
59
  {date}
60
60
  </div>
61
61
  </div>
@@ -79,7 +79,7 @@
79
79
  {/snippet}
80
80
 
81
81
  <div
82
- class="{widthClass} border border-border rounded-2xl shadow-lg bg-background flex flex-col py-1 max-h-[440px] list-none"
82
+ class="{widthClass} border border-border rounded-2xl shadow-lg bg-background flex flex-col py-1 max-h-[568px] list-none"
83
83
  >
84
84
  {@render children?.()}
85
85
 
@@ -140,7 +140,7 @@
140
140
  {/if}
141
141
 
142
142
  {#if ungroupedItems.length}
143
- <div class="flex-shrink-0 overflow-y-auto max-h-[436px]">
143
+ <div class="flex-shrink-0 overflow-y-auto max-h-[564px]">
144
144
  {#each ungroupedItems as item}
145
145
  {@render drawerItem(item)}
146
146
  {/each}
@@ -6,7 +6,7 @@
6
6
  let { errorText = '' }: InputErrorProps = $props()
7
7
  </script>
8
8
 
9
- <p class="flex items-center gap-1 text-xs text-foreground-critical">
9
+ <p class="flex items-center gap-1 text-sm text-foreground-critical">
10
10
  <Icon src={Alert} class="size-3 shrink-0" />
11
11
  <span>{errorText}</span>
12
12
  </p>
@@ -82,7 +82,7 @@
82
82
  <div class="absolute right-2 flex items-center gap-1">
83
83
  {#each shortcutKeys as key}
84
84
  <ShortcutWrapper>
85
- <span class="text-xs font-semibold">{key}</span>
85
+ <span class="text-sm font-semibold">{key}</span>
86
86
  </ShortcutWrapper>
87
87
  {/each}
88
88
  </div>
@@ -4,7 +4,7 @@
4
4
  >
5
5
  <div class="border-[0.5px] border-white-60 rounded-[3px] relative shrink-0">
6
6
  <div class="flex gap-2 items-start overflow-hidden px-1 py-px rounded-[inherit]">
7
- <span class="font-medium text-xs leading-4 text-white whitespace-nowrap">Beta</span>
7
+ <span class="font-medium text-sm leading-4 text-white whitespace-nowrap">Beta</span>
8
8
  </div>
9
9
  </div>
10
10
  <div class="absolute h-5 left-0 right-0 top-0 pointer-events-none">
@@ -5,7 +5,7 @@
5
5
  let { label = '', status = 'grey', dot = false }: TagStatusProps = $props()
6
6
 
7
7
  let tagStyles = $derived(
8
- clsx('rounded inline-flex items-center text-xs font-medium gap-1 box-border leading-4 py-0.5', {
8
+ clsx('rounded inline-flex items-center text-sm font-medium gap-1 box-border leading-4 py-0.5', {
9
9
  'bg-background-status-paid text-foreground-status-paid': status === 'green',
10
10
  'bg-background-status-processing text-foreground-status-processing': status === 'yellow',
11
11
  'bg-background-status-error text-foreground-status-error': status === 'red',
@@ -33,7 +33,7 @@
33
33
  // Default text color
34
34
  'text-foreground-default-primary',
35
35
  // inner spans
36
- '[&>span]:text-xs [&>span]:opacity-70',
36
+ '[&>span]:text-sm [&>span]:opacity-70',
37
37
  className
38
38
  )}
39
39
  {...restProps}
@@ -11,7 +11,7 @@
11
11
  <RangeCalendarPrimitive.HeadCell
12
12
  bind:ref
13
13
  class={cn(
14
- 'text-foreground-default-tertiary w-(--cell-size) h-(--cell-size) text-xs font-normal border-b border-border flex items-center justify-center',
14
+ 'text-foreground-default-tertiary w-(--cell-size) h-(--cell-size) text-sm font-normal border-b border-border flex items-center justify-center',
15
15
  className
16
16
  )}
17
17
  {...restProps}
@@ -18,7 +18,7 @@
18
18
  title: 'font-medium text-base text-foreground-inverse',
19
19
  description: 'font-normal text-base text-foreground-inverse-secondary',
20
20
  actionButton:
21
- 'bg-background-selected-inverse rounded px-2 py-1 text-xs font-medium text-foreground-inverse hover:bg-background-selected-inverse-hover transition-colors',
21
+ 'bg-background-selected-inverse rounded px-2 py-1 text-sm font-medium text-foreground-inverse hover:bg-background-selected-inverse-hover transition-colors',
22
22
  closeButton: 'hidden'
23
23
  }
24
24
  }}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@invopop/popui",
3
3
  "license": "MIT",
4
- "version": "0.1.29",
4
+ "version": "0.1.31",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "dev:clean": "npm run clean && vite dev",