Skip to content

Commit c5acce9

Browse files
author
Nic
committed
chore: component, assets and data-table updates
1 parent 07b4153 commit c5acce9

94 files changed

Lines changed: 450 additions & 837 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
"preview": "vite preview",
2525
"prepare": "svelte-kit sync || echo ''",
2626
"prepack": "bunx svelte-kit sync && bunx svelte-package && bunx publint",
27-
"package:watch": "bunx svelte-kit sync && bunx svelte-package -w",
27+
"package:watch": "bunx svelte-kit sync && bunx svelte-package -w -p",
2828
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
2929
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
3030
},
@@ -299,9 +299,9 @@
299299
"types": "./dist/format/index.d.ts",
300300
"svelte": "./dist/format/index.js"
301301
},
302-
"./icons": {
303-
"types": "./dist/icons/index.d.ts",
304-
"svelte": "./dist/icons/index.js"
302+
"./icons/*": {
303+
"types": "./dist/icons/*.d.ts",
304+
"svelte": "./dist/icons/*"
305305
},
306306
"./booking/calendar": {
307307
"types": "./dist/booking/calendar/index.d.ts",

‎src/lib/assets/fonts.css‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,3 @@
1111
font-style: normal;
1212
font-display: swap;
1313
}
14-
15-
@font-face {
16-
font-family: 'Inter';
17-
src: url('./fonts/Inter/inter.woff2') format('woff2');
18-
font-style: normal;
19-
font-display: swap;
20-
}

‎src/lib/assets/fonts/Inter/LICENSE.txt‎

Lines changed: 0 additions & 93 deletions
This file was deleted.

‎src/lib/assets/fonts/Inter/inter.woff2‎

-341 KB
Binary file not shown.

‎src/lib/assets/layout.css‎

Lines changed: 55 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import './fonts.css';
2+
13
/* Customize the CSS variables in :root and .dark to match your brand. */
24
@custom-variant dark (&:is(.dark *));
35
@custom-variant fixed (&:is(.layout-fixed *));
@@ -58,92 +60,74 @@
5860
}
5961

6062
:root {
61-
--font-sans: var(--font-sans);
62-
--font-mono: var(--font-mono);
63+
--font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;
64+
--font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
6365
--radius: 0.625rem;
64-
--background: oklch(1 0.003 75);
65-
--foreground: oklch(0.145 0 0);
66-
--card: oklch(1 0.003 75);
67-
--card-foreground: oklch(0.145 0 0);
68-
--popover: oklch(1 0.003 75);
69-
--popover-foreground: oklch(0.145 0 0);
66+
--background: oklch(1 0 0);
67+
--foreground: oklch(0.147 0.004 49.25);
68+
--card: oklch(1 0 0);
69+
--card-foreground: oklch(0.147 0.004 49.25);
70+
--popover: oklch(1 0 0);
71+
--popover-foreground: oklch(0.147 0.004 49.25);
7072
--primary: oklch(0.72 0.15 75);
71-
--primary-foreground: oklch(0.2 0.02 75);
72-
--secondary: oklch(0.97 0.003 75);
73-
--secondary-foreground: oklch(0.205 0 0);
74-
--muted: oklch(0.97 0.003 75);
75-
--muted-foreground: oklch(0.556 0 0);
76-
--accent: oklch(0.97 0.003 75);
77-
--accent-foreground: oklch(0.205 0 0);
73+
--primary-foreground: oklch(0.985 0.001 106.423);
74+
--secondary: oklch(0.97 0.001 106.424);
75+
--secondary-foreground: oklch(0.216 0.006 56.043);
76+
--muted: oklch(0.97 0.001 106.424);
77+
--muted-foreground: oklch(0.553 0.013 58.071);
78+
--accent: oklch(0.97 0.001 106.424);
79+
--accent-foreground: oklch(0.216 0.006 56.043);
7880
--destructive: oklch(0.577 0.245 27.325);
79-
--destructive-foreground: oklch(0.985 0 0);
80-
--border: oklch(0.922 0.003 75);
81-
--input: oklch(0.922 0.003 75);
82-
--ring: oklch(0.708 0.003 75);
83-
--chart-1: oklch(0.72 0.15 75);
81+
--border: oklch(0.923 0.003 48.717);
82+
--input: oklch(0.923 0.003 48.717);
83+
--ring: oklch(0.709 0.01 56.259);
84+
--chart-1: oklch(0.646 0.222 41.116);
8485
--chart-2: oklch(0.6 0.118 184.704);
8586
--chart-3: oklch(0.398 0.07 227.392);
8687
--chart-4: oklch(0.828 0.189 84.429);
8788
--chart-5: oklch(0.769 0.188 70.08);
88-
--sidebar: oklch(0.985 0.003 75);
89-
--sidebar-foreground: oklch(0.145 0 0);
90-
--sidebar-primary: oklch(0.72 0.15 75);
91-
--sidebar-primary-foreground: oklch(0.2 0.02 75);
92-
--sidebar-accent: oklch(0.97 0.003 75);
93-
--sidebar-accent-foreground: oklch(0.205 0 0);
94-
--sidebar-border: oklch(0.922 0.003 75);
95-
--sidebar-ring: oklch(0.708 0.003 75);
96-
--surface: oklch(0.98 0.003 75);
97-
--surface-foreground: var(--foreground);
98-
--code: var(--surface);
99-
--code-foreground: var(--surface-foreground);
100-
--code-highlight: oklch(0.96 0.003 75);
101-
--code-number: oklch(0.56 0 0);
102-
--selection: oklch(0.145 0 0);
103-
--selection-foreground: oklch(1 0.003 75);
89+
--sidebar: oklch(0.985 0.001 106.423);
90+
--sidebar-foreground: oklch(0.147 0.004 49.25);
91+
--sidebar-primary: oklch(0.216 0.006 56.043);
92+
--sidebar-primary-foreground: oklch(0.985 0.001 106.423);
93+
--sidebar-accent: oklch(0.97 0.001 106.424);
94+
--sidebar-accent-foreground: oklch(0.216 0.006 56.043);
95+
--sidebar-border: oklch(0.923 0.003 48.717);
96+
--sidebar-ring: oklch(0.709 0.01 56.259);
10497
}
10598

10699
.dark {
107-
--background: oklch(0.2 0.003 65);
108-
--foreground: oklch(0.985 0 0);
109-
--card: oklch(0.24 0.003 75);
110-
--card-foreground: oklch(0.985 0 0);
111-
--popover: oklch(0.305 0.003 75);
112-
--popover-foreground: oklch(0.985 0 0);
113-
--primary: oklch(0.8 0.12 85);
114-
--primary-foreground: oklch(0.15 0.02 65);
115-
--secondary: oklch(0.305 0.003 75);
116-
--secondary-foreground: oklch(0.985 0 0);
117-
--muted: oklch(0.305 0.003 75);
118-
--muted-foreground: oklch(0.708 0 0);
119-
--accent: oklch(0.405 0.003 75);
120-
--accent-foreground: oklch(0.985 0 0);
100+
--background: oklch(0.147 0.004 49.25);
101+
--foreground: oklch(0.985 0.001 106.423);
102+
--card: oklch(0.216 0.006 56.043);
103+
--card-foreground: oklch(0.985 0.001 106.423);
104+
--popover: oklch(0.216 0.006 56.043);
105+
--popover-foreground: oklch(0.985 0.001 106.423);
106+
--primary: oklch(0.72 0.15 75);
107+
--primary-foreground: oklch(0.216 0.006 56.043);
108+
--secondary: oklch(0.268 0.007 34.298);
109+
--secondary-foreground: oklch(0.985 0.001 106.423);
110+
--muted: oklch(0.268 0.007 34.298);
111+
--muted-foreground: oklch(0.709 0.01 56.259);
112+
--accent: oklch(0.268 0.007 34.298);
113+
--accent-foreground: oklch(0.985 0.001 106.423);
121114
--destructive: oklch(0.704 0.191 22.216);
122-
--destructive-foreground: oklch(0.985 0 0);
123-
--border: oklch(1 0.003 75 / 14%);
124-
--input: oklch(1 0.003 75 / 19%);
125-
--ring: oklch(0.576 0.003 75);
126-
--chart-1: oklch(0.8 0.12 85);
115+
--border: oklch(1 0 0 / 10%);
116+
--input: oklch(1 0 0 / 15%);
117+
--ring: oklch(0.553 0.013 58.071);
118+
--chart-1: oklch(0.488 0.243 264.376);
127119
--chart-2: oklch(0.696 0.17 162.48);
128120
--chart-3: oklch(0.769 0.188 70.08);
129121
--chart-4: oklch(0.627 0.265 303.9);
130122
--chart-5: oklch(0.645 0.246 16.439);
131-
--sidebar: oklch(0.22 0.001 75);
132-
--sidebar-foreground: oklch(0.985 0 0);
133-
--sidebar-primary: oklch(0.8 0.12 85);
134-
--sidebar-primary-foreground: oklch(0.985 0 0);
135-
--sidebar-accent: oklch(0.285 0.001 75);
136-
--sidebar-accent-foreground: oklch(0.985 0 0);
137-
--sidebar-border: oklch(1 0.001 75 / 12%);
138-
--sidebar-ring: oklch(0.45 0.001 75);
139-
--surface: oklch(0.235 0.003 75);
140-
--surface-foreground: oklch(0.708 0 0);
141-
--code: var(--surface);
142-
--code-foreground: var(--surface-foreground);
143-
--code-highlight: oklch(0.27 0.003 75);
144-
--code-number: oklch(0.72 0 0);
145-
--selection: oklch(0.922 0.003 75);
146-
--selection-foreground: oklch(0.24 0.003 75);
123+
--sidebar: oklch(0.216 0.006 56.043);
124+
--sidebar-foreground: oklch(0.985 0.001 106.423);
125+
--sidebar-primary: oklch(0.488 0.243 264.376);
126+
--sidebar-primary-foreground: oklch(0.985 0.001 106.423);
127+
--sidebar-accent: oklch(0.268 0.007 34.298);
128+
--sidebar-accent-foreground: oklch(0.985 0.001 106.423);
129+
--sidebar-border: oklch(1 0 0 / 10%);
130+
--sidebar-ring: oklch(0.553 0.013 58.071);
147131
}
148132
@layer base {
149133
* {

‎src/lib/blocks/PhoneInput.svelte‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
const toE164 = () => (raw ? `+${COUNTRIES[country]}${clean(raw)}` : '');
2929
</script>
3030

31-
<div class="flex items-center gap-2">
31+
<div class="flex w-full gap-2">
3232
<Select.Root
3333
type="single"
3434
value={country}
@@ -52,6 +52,7 @@
5252
{placeholder}
5353
autocomplete="tel-national"
5454
inputmode="numeric"
55+
class="w-full"
5556
aria-invalid={!!error || undefined}
5657
value={clean(raw)}
5758
{disabled}

‎src/lib/booking/calendar/calendar-head-cell.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
let { ref = $bindable(null), class: className, ...restProps }: CalendarPrimitive.HeadCellProps = $props();
66
</script>
77

8-
<CalendarPrimitive.HeadCell bind:ref class={cn('text-muted-foreground w-(--cell-size) rounded-sm text-[0.8rem] font-normal', className)} {...restProps} />
8+
<CalendarPrimitive.HeadCell bind:ref class={cn('text-muted-foreground w-(--cell-size) rounded-md text-[0.8rem] font-normal', className)} {...restProps} />

‎src/lib/booking/calendar/calendar-month-select.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
let { ref = $bindable(null), class: className, value, onchange, ...restProps }: WithoutChildrenOrChild<CalendarPrimitive.MonthSelectProps> = $props();
77
</script>
88

9-
<span class={cn('has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-sm border shadow-xs has-focus:ring-[3px]', className)}>
9+
<span class={cn('has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]', className)}>
1010
<CalendarPrimitive.MonthSelect bind:ref class="bg-background dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0" {...restProps}>
1111
{#snippet child({ props, monthItems, selectedMonthItem })}
1212
<select {...props} {value} {onchange}>
@@ -17,7 +17,7 @@
1717
{/each}
1818
</select>
1919
<span
20-
class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-sm ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
20+
class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
2121
aria-hidden="true">
2222
{monthItems.find((item) => item.value === value)?.label || selectedMonthItem.label}
2323
<ChevronDownIcon class={cn('size-4', className)} />

‎src/lib/booking/calendar/calendar-year-select.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
let { ref = $bindable(null), class: className, value, ...restProps }: WithoutChildrenOrChild<CalendarPrimitive.YearSelectProps> = $props();
77
</script>
88

9-
<span class={cn('has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-sm border shadow-xs has-focus:ring-[3px]', className)}>
9+
<span class={cn('has-focus:border-ring border-input has-focus:ring-ring/50 relative flex rounded-md border shadow-xs has-focus:ring-[3px]', className)}>
1010
<CalendarPrimitive.YearSelect bind:ref class="dark:bg-popover dark:text-popover-foreground absolute inset-0 opacity-0" {...restProps}>
1111
{#snippet child({ props, yearItems, selectedYearItem })}
1212
<select {...props} {value}>
@@ -17,7 +17,7 @@
1717
{/each}
1818
</select>
1919
<span
20-
class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-sm ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
20+
class="[&>svg]:text-muted-foreground flex h-(--cell-size) items-center gap-1 rounded-md ps-2 pe-1 text-sm font-medium select-none [&>svg]:size-3.5"
2121
aria-hidden="true">
2222
{yearItems.find((item) => item.value === value)?.label || selectedYearItem.label}
2323
<ChevronDownIcon class={cn('size-4', className)} />

‎src/lib/booking/date-picker/date-picker-with-presets.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@
145145
{/each}
146146
</Select.Content>
147147
</Select.Root>
148-
<div class="rounded-sm border">
148+
<div class="rounded-md border">
149149
<Calendar
150150
type="single"
151151
bind:value

0 commit comments

Comments
 (0)