@svadmin/ui 0.5.9 → 0.5.10
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.
- package/package.json +1 -1
- package/src/app.css +1 -2
- package/src/components/ui/badge/badge.svelte +1 -1
- package/src/components/ui/dialog/dialog-content.svelte +1 -1
- package/src/components/ui/dialog/dialog-footer.svelte +1 -1
- package/src/components/ui/dialog/dialog-title.svelte +1 -1
- package/src/components/ui/table/table-head.svelte +1 -1
package/package.json
CHANGED
package/src/app.css
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
/* Typography — Inter font
|
|
2
|
-
@import url('https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap');
|
|
1
|
+
/* Typography — Inter font should be imported in index.html for New York style */
|
|
3
2
|
|
|
4
3
|
/* @svadmin/ui — Design Tokens (Shadcn New York style)
|
|
5
4
|
* Auto-imported by AdminApp. Can be overridden by consumer's CSS.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { type VariantProps, tv } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
export const badgeVariants = tv({
|
|
5
|
-
base: "h-5 gap-1 rounded-
|
|
5
|
+
base: "h-5 gap-1 rounded-[min(var(--radius-sm),10px)] border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
bind:ref
|
|
29
29
|
data-slot="dialog-content"
|
|
30
30
|
class={cn(
|
|
31
|
-
"bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-
|
|
31
|
+
"bg-background data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-foreground/10 grid max-w-[calc(100%-2rem)] gap-4 rounded-xl p-6 text-sm ring-1 duration-100 sm:max-w-lg fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
|
|
32
32
|
className
|
|
33
33
|
)}
|
|
34
34
|
{...restProps}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<div
|
|
19
19
|
bind:this={ref}
|
|
20
20
|
data-slot="dialog-footer"
|
|
21
|
-
class={cn("bg-muted/50 -mx-
|
|
21
|
+
class={cn("bg-muted/50 -mx-6 -mb-6 rounded-b-xl border-t p-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
|
|
22
22
|
{...restProps}
|
|
23
23
|
>
|
|
24
24
|
{@render children?.()}
|
|
@@ -10,6 +10,6 @@
|
|
|
10
10
|
}: WithElementRef<HTMLThAttributes> = $props();
|
|
11
11
|
</script>
|
|
12
12
|
|
|
13
|
-
<th bind:this={ref} data-slot="table-head" class={cn("text-foreground h-
|
|
13
|
+
<th bind:this={ref} data-slot="table-head" class={cn("text-foreground h-9 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
|
|
14
14
|
{@render children?.()}
|
|
15
15
|
</th>
|