Skip to content

Commit cee42c4

Browse files
kampsykampsy
authored
Merge pull request #26 from kampsy/dev
Dev
2 parents d00cf4a + 9920499 commit cee42c4

File tree

9 files changed

+905
-465
lines changed

9 files changed

+905
-465
lines changed

‎package.json

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -51,29 +51,29 @@
5151
"svelte": "^5.0.0-next.1"
5252
},
5353
"devDependencies": {
54-
"@playwright/test": "^1.48.2",
54+
"@playwright/test": "^1.49.0",
5555
"@semantic-release/exec": "^6.0.3",
5656
"@sveltejs/adapter-auto": "^3.3.1",
57-
"@sveltejs/kit": "^2.8.1",
57+
"@sveltejs/kit": "^2.9.0",
5858
"@sveltejs/package": "^2.3.7",
5959
"@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
6060
"@types/eslint": "^8.56.12",
6161
"autoprefixer": "^10.4.20",
62-
"eslint": "^9.15.0",
62+
"eslint": "^9.16.0",
6363
"eslint-config-prettier": "^9.1.0",
64-
"eslint-plugin-svelte": "^2.46.0",
64+
"eslint-plugin-svelte": "^2.46.1",
6565
"globals": "^15.12.0",
6666
"highlight.js": "^11.10.0",
6767
"postcss": "^8.4.49",
68-
"prettier": "^3.3.3",
69-
"prettier-plugin-svelte": "^3.2.8",
68+
"prettier": "^3.4.1",
69+
"prettier-plugin-svelte": "^3.3.2",
7070
"publint": "^0.1.16",
7171
"semantic-release": "^24.2.0",
72-
"svelte": "^5.2.2",
73-
"svelte-check": "^4.0.9",
72+
"svelte": "^5.3.0",
73+
"svelte-check": "^4.1.0",
7474
"tailwindcss": "^3.4.15",
7575
"tslib": "^2.8.1",
76-
"typescript": "^5.6.3",
76+
"typescript": "^5.7.2",
7777
"typescript-eslint": "8.0.0-alpha.39",
7878
"vite": "^5.4.11",
7979
"vitest": "^1.6.0"

‎pnpm-lock.yaml

Lines changed: 319 additions & 319 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/app.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@
3131
}
3232

3333
.ui-scrollbar::-webkit-scrollbar-thumb {
34-
@apply bg-kui-light-gray-200 dark:bg-kui-dark-gray-400 rounded-full;
34+
@apply bg-kui-light-gray-600 dark:bg-kui-dark-gray-600 rounded-full;
3535
}
3636

3737
.ui-scrollbar::-webkit-scrollbar-thumb:hover {
38-
@apply bg-kui-light-gray-300 dark:bg-kui-dark-gray-500;
38+
@apply bg-kui-light-gray-700 dark:bg-kui-dark-gray-700;
3939
}
4040

‎src/docs/ui/hr.svelte

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<script lang="ts">
2+
type propsT = {
3+
class?: string;
4+
};
5+
6+
let { class: klass = "" }: propsT = $props();
7+
</script>
8+
9+
<section class="{klass}">
10+
<div class="w-full border-t border-kui-light-gray-200 dark:border-kui-dark-gray-400"></div>
11+
</section>

‎src/docs/utils/data.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,15 @@ export const asideData: Array<AsideT> = [
1212
},
1313
{
1414
name: 'installation',
15-
url: '/installation',
15+
url: '/installation'
16+
},
17+
{
18+
name: 'colors',
19+
url: '/colors',
1620
badge: {
1721
name: 'updated',
1822
variant: 'purple'
1923
}
20-
},
21-
{
22-
name: 'colors',
23-
url: '/colors'
2424
}
2525
]
2626

‎src/lib/input/input.svelte

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,26 @@
22
import type { Component } from 'svelte';
33
import Error from '$lib/icons/error.svelte';
44
import { randomString } from '$lib/utils/random.js';
5+
import type { HTMLAttributes } from 'svelte/elements';
56
67
type propsT = {
7-
type?: 'text' | 'number' | 'email' | 'password' | undefined;
8+
type?:
9+
| 'text'
10+
| 'number'
11+
| 'email'
12+
| 'password'
13+
| 'search'
14+
| 'time'
15+
| 'date'
16+
| 'datetime-local'
17+
| 'file'
18+
| 'image'
19+
| 'tel'
20+
| 'color'
21+
| 'url'
22+
| 'week'
23+
| 'month'
24+
| undefined;
825
id?: string | undefined;
926
name?: string | undefined;
1027
value?: string | undefined;

‎src/lib/tooltip/tooltip.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -160,7 +160,7 @@
160160
</script>
161161

162162
<span>
163-
<div class="group relative inline-block cursor-pointer text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 {klass}">
163+
<div class="group relative cursor-pointer text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 {klass}">
164164
{#if children}
165165
{@render children()}
166166
{/if}

‎src/routes/+page.svelte

Lines changed: 82 additions & 116 deletions
Original file line numberDiff line numberDiff line change
@@ -10,42 +10,7 @@
1010
</script>
1111

1212
<svelte:head>
13-
<!-- Primary Meta Tags -->
14-
<title>Kampsy UI</title>
15-
<meta name="title" content="Kampsy-ui | A Svelte 5 component library" />
16-
<meta
17-
name="description"
18-
content="Kampsy-ui - A Svelte 5 component library, thoughtfully designed to deliver consistent and cohesive web experiences."
19-
/>
20-
21-
<!-- Open Graph / Facebook -->
22-
<meta property="og:type" content="website" />
23-
<meta property="og:url" content="https://ui.kampsy.xyz" />
24-
<meta property="og:title" content="Kampsy-ui | A Svelte 5 component library" />
25-
<meta
26-
property="og:description"
27-
content="Kampsy-ui - A Svelte 5 component library, thoughtfully designed to deliver consistent and cohesive web experiences."
28-
/>
29-
<meta
30-
property="og:image"
31-
content="https://ucarecdn.com/91722eb1-c95a-42b2-b851-cdfe01a9bdf7/-/preview/1200x628/"
32-
/>
33-
34-
<!-- Twitter -->
35-
<meta property="twitter:card" content="summary_large_image" />
36-
<meta property="twitter:url" content="https://ui.kampsy.xyz" />
37-
<meta property="twitter:title" content="Kampsy-ui | A Svelte 5 component library" />
38-
<meta
39-
property="twitter:description"
40-
content="Kampsy-ui - A Svelte 5 component library, thoughtfully designed to deliver consistent and cohesive web experiences."
41-
/>
42-
<meta
43-
property="twitter:image"
44-
content="https://ucarecdn.com/91722eb1-c95a-42b2-b851-cdfe01a9bdf7/-/preview/1200x628/"
45-
/>
46-
47-
<!-- Meta Tags Generated with https://metatags.io -->
48-
<meta name="robots" content="noindex,nofollow" />
13+
<title>Kampsy-ui</title>
4914
</svelte:head>
5015

5116
{#snippet foundation()}
@@ -58,7 +23,7 @@
5823
<p
5924
class="first-letter:capitalize text-kui-light-gray-900 dark:text-kui-dark-gray-900 text-[16px] lg:text-[20px] font-normal leading-[24px] lg:leading-[30px] tracking-normal lg:tracking-[-0.33px]"
6025
>
61-
A Svelte 5 component library, inspired by Vercel's Geist, thoughtfully designed to deliver
26+
A Svelte 5 component library, inspired by Vercel's Geist, is thoughtfully designed to provide
6227
consistent and cohesive web experiences.
6328
</p>
6429
</Row>
@@ -115,7 +80,86 @@
11580
</div>
11681
</a>
11782
</div>
83+
11884
<div class="border-b border-kui-light-gray-200 dark:border-kui-dark-gray-400">
85+
<a
86+
href="/colors"
87+
class="w-full h-full group block p-[32px] transition-colors hover:bg-kui-light-bg dark:hover:bg-kui-dark-bg"
88+
>
89+
<div class="flex justify-between">
90+
<div
91+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
92+
>
93+
<div
94+
class="h-[72px] w-2 rounded-full bg-kui-light-gray-800 dark:bg-kui-dark-gray-800"
95+
></div>
96+
</div>
97+
<div
98+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
99+
>
100+
<div
101+
class="h-[72px] w-2 rounded-full bg-kui-light-blue-800 dark:bg-kui-dark-blue-800"
102+
></div>
103+
</div>
104+
<div
105+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
106+
>
107+
<div
108+
class="h-[72px] w-2 rounded-full bg-kui-light-purple-800 dark:bg-kui-dark-purple-800"
109+
></div>
110+
</div>
111+
<div
112+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
113+
>
114+
<div
115+
class="h-[72px] w-2 rounded-full bg-kui-light-pink-800 dark:bg-kui-dark-pink-800"
116+
></div>
117+
</div>
118+
<div
119+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
120+
>
121+
<div
122+
class="h-[72px] w-2 rounded-full bg-kui-light-red-800 dark:bg-kui-dark-red-800"
123+
></div>
124+
</div>
125+
<div
126+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
127+
>
128+
<div
129+
class="h-[72px] w-2 rounded-full bg-kui-light-amber-800 dark:bg-kui-dark-amber-800"
130+
></div>
131+
</div>
132+
<div
133+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
134+
>
135+
<div
136+
class="h-[72px] w-2 rounded-full bg-kui-light-green-800 dark:bg-kui-dark-green-800"
137+
></div>
138+
</div>
139+
<div
140+
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
141+
>
142+
<div
143+
class="h-[72px] w-2 rounded-full bg-kui-light-teal-800 dark:bg-kui-dark-teal-800"
144+
></div>
145+
</div>
146+
</div>
147+
<div class="mt-[32px] w-full h-[48px]">
148+
<p
149+
class="first-letter:capitalize text-base text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 font-semibold leading-6 tracking-[-0.32px]"
150+
>
151+
colors
152+
</p>
153+
<p
154+
class="first-letter:capitalize text-sm text-kui-light-gray-900 dark:text-kui-dark-gray-900 leading-6"
155+
>
156+
a high contrast accessible color system.
157+
</p>
158+
</div>
159+
</a>
160+
</div>
161+
162+
<!--<div class="border-b border-kui-light-gray-200 dark:border-kui-dark-gray-400">
119163
<a
120164
href="#/"
121165
class="w-full h-full group block p-[32px] transition-colors hover:bg-kui-light-bg dark:hover:bg-kui-dark-bg"
@@ -552,85 +596,7 @@
552596
</p>
553597
</div>
554598
</a>
555-
</div>
556-
557-
<div class="border-b border-r border-kui-light-gray-200 dark:border-kui-dark-gray-400">
558-
<a
559-
href="/colors"
560-
class="w-full h-full group block p-[32px] transition-colors hover:bg-kui-light-bg dark:hover:bg-kui-dark-bg"
561-
>
562-
<div class="flex justify-between">
563-
<div
564-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
565-
>
566-
<div
567-
class="h-[72px] w-2 rounded-full bg-kui-light-gray-800 dark:bg-kui-dark-gray-800"
568-
></div>
569-
</div>
570-
<div
571-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
572-
>
573-
<div
574-
class="h-[72px] w-2 rounded-full bg-kui-light-blue-800 dark:bg-kui-dark-blue-800"
575-
></div>
576-
</div>
577-
<div
578-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
579-
>
580-
<div
581-
class="h-[72px] w-2 rounded-full bg-kui-light-purple-800 dark:bg-kui-dark-purple-800"
582-
></div>
583-
</div>
584-
<div
585-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
586-
>
587-
<div
588-
class="h-[72px] w-2 rounded-full bg-kui-light-pink-800 dark:bg-kui-dark-pink-800"
589-
></div>
590-
</div>
591-
<div
592-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
593-
>
594-
<div
595-
class="h-[72px] w-2 rounded-full bg-kui-light-red-800 dark:bg-kui-dark-red-800"
596-
></div>
597-
</div>
598-
<div
599-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
600-
>
601-
<div
602-
class="h-[72px] w-2 rounded-full bg-kui-light-amber-800 dark:bg-kui-dark-amber-800"
603-
></div>
604-
</div>
605-
<div
606-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
607-
>
608-
<div
609-
class="h-[72px] w-2 rounded-full bg-kui-light-green-800 dark:bg-kui-dark-green-800"
610-
></div>
611-
</div>
612-
<div
613-
class="bg-background-200 border border-kui-light-gray-alpha-400 dark:border-kui-dark-gray-alpha-400 flex h-[96px] w-[32px] items-center justify-center overflow-hidden rounded-full"
614-
>
615-
<div
616-
class="h-[72px] w-2 rounded-full bg-kui-light-teal-800 dark:bg-kui-dark-teal-800"
617-
></div>
618-
</div>
619-
</div>
620-
<div class="mt-[32px] w-full h-[48px]">
621-
<p
622-
class="first-letter:capitalize text-base text-kui-light-gray-1000 dark:text-kui-dark-gray-1000 font-semibold leading-6 tracking-[-0.32px]"
623-
>
624-
colors
625-
</p>
626-
<p
627-
class="first-letter:capitalize text-sm text-kui-light-gray-900 dark:text-kui-dark-gray-900 leading-6"
628-
>
629-
a high contrast accessible color system.
630-
</p>
631-
</div>
632-
</a>
633-
</div>
599+
</div>-->
634600
</section>
635601
{/snippet}
636602

0 commit comments

Comments
 (0)