sveltekit-ui 1.0.9 → 1.0.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.
Files changed (8) hide show
  1. package/dist/Components/Icon/index.svelte.js +14 -15
  2. package/dist/Components/IconInput/index.svelte.js +0 -1
  3. package/dist/Components/TextInput/index.svelte +1 -1
  4. package/package.json +5 -5
  5. package/src/lib/Components/Icon/index.svelte.js +14 -15
  6. package/src/lib/Components/IconInput/index.svelte.js +0 -1
  7. package/src/lib/Components/TextInput/index.svelte +1 -1
  8. package/src/routes/+layout.svelte +21 -0
package/dist/Components/Icon/index.svelte.js CHANGED
@@ -3,12 +3,13 @@ import { create_unique_id, set_closurable, set_closurable_color } from "../../cl
3
3
 
4
4
  export function create_icon_manager(config) {
5
5
  const id = config?.id ?? create_unique_id(null, 20)
6
- let deg = $state(null)
7
- let color = $state(null)
8
- let color_alt = $state(null)
9
- let fill = $state(null)
10
- let size = $state(null)
11
- let sw = $state(null)
6
+ let icon_id = $derived(set_closurable(config?.icon_id, null))
7
+ let color = $derived(set_closurable_color(config?.color, "var(--g4-t)"))
8
+ let color_alt = $derived(set_closurable_color(config?.color_alt, "var(--g12-t)"))
9
+ let fill = $derived(set_closurable(config?.fill, "none"))
10
+ let size = $derived(set_closurable(config?.size, 2))
11
+ let sw = $derived(set_closurable(config?.sw, 60))
12
+ let deg = $derived(set_closurable(config?.deg, 0))
12
13
  let ml = $derived(set_closurable(config?.ml, 0))
13
14
  let mr = $derived(set_closurable(config?.mr, 0))
14
15
  let mt = $derived(set_closurable(config?.mt, 0))
@@ -19,8 +20,6 @@ export function create_icon_manager(config) {
19
20
  let movement_stiffness = $derived(set_closurable(config?.movement_stiffness, 0.1))
20
21
  let movement_damping = $derived(set_closurable(config?.movement_damping, 0.1))
21
22
 
22
- let icon_id = $derived(set_closurable(config?.icon_id, null))
23
-
24
23
  let deg_spring = $derived(deg)
25
24
  // tbd had issue switching svelte 4 to svelte 5
26
25
  // const deg_spring = $derived(
@@ -41,16 +40,16 @@ export function create_icon_manager(config) {
41
40
 
42
41
  function set_attributes(input) {
43
42
  // icon_id = set_closurable(input?.icon_id, null) // tbd
44
- deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
45
- color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
46
- color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
47
- fill = set_closurable(input?.fill, fill ?? "none")
48
- size = set_closurable(input?.size, size ?? 2)
49
- sw = set_closurable(input?.sw, sw ?? 60)
43
+ // deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
44
+ // color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
45
+ // color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
46
+ // fill = set_closurable(input?.fill, fill ?? "none")
47
+ // size = set_closurable(input?.size, size ?? 2)
48
+ // sw = set_closurable(input?.sw, sw ?? 60)
50
49
  }
51
50
 
52
51
  function init(config) {
53
- set_attributes(config)
52
+ // set_attributes(config)
54
53
  }
55
54
 
56
55
  init(config)
package/dist/Components/IconInput/index.svelte.js CHANGED
@@ -137,7 +137,6 @@ export function create_icon_input_manager(config) {
137
137
  ...val,
138
138
  color: input,
139
139
  }
140
- selected_icon_manager.set_attributes({ color: icon_color })
141
140
  set_icons_prepped()
142
141
  }
143
142
 
package/dist/Components/TextInput/index.svelte CHANGED
@@ -126,7 +126,7 @@
126
126
  </div>
127
127
  {/if}
128
128
  <div style="display: flex; gap: .5rem">
129
- {#if manager?.val}
129
+ {#if manager?.val != null}
130
130
  <p>{manager?.val}</p>
131
131
  {:else}
132
132
  <p style="color: var(--warning-t)">Null</p>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sveltekit-ui",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "A SvelteKit UI component library for building modern web applications",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -19,19 +19,19 @@
19
19
  "dependencies": {
20
20
  "context-filter-polyfill": "^0.3.23",
21
21
  "qr-code-styling": "^1.9.2",
22
- "svelte": "^5.36.7"
22
+ "svelte": "^5.37.0"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@sveltejs/kit": "^2.22.2"
26
26
  },
27
27
  "devDependencies": {
28
- "@sveltejs/adapter-vercel": "^5.8.0",
29
- "@sveltejs/kit": "^2.25.0",
28
+ "@sveltejs/adapter-vercel": "^5.8.1",
29
+ "@sveltejs/kit": "^2.26.1",
30
30
  "@sveltejs/package": "^2.4.0",
31
31
  "@sveltejs/vite-plugin-svelte": "^6.1.0",
32
32
  "@vercel/analytics": "^1.5.0",
33
33
  "typescript": "^5.8.3",
34
- "vite": "^7.0.5"
34
+ "vite": "^7.0.6"
35
35
  },
36
36
  "homepage": "https://www.sveltekit-ui.com",
37
37
  "keywords": [
package/src/lib/Components/Icon/index.svelte.js CHANGED
@@ -3,12 +3,13 @@ import { create_unique_id, set_closurable, set_closurable_color } from "$lib/cli
3
3
 
4
4
  export function create_icon_manager(config) {
5
5
  const id = config?.id ?? create_unique_id(null, 20)
6
- let deg = $state(null)
7
- let color = $state(null)
8
- let color_alt = $state(null)
9
- let fill = $state(null)
10
- let size = $state(null)
11
- let sw = $state(null)
6
+ let icon_id = $derived(set_closurable(config?.icon_id, null))
7
+ let color = $derived(set_closurable_color(config?.color, "var(--g4-t)"))
8
+ let color_alt = $derived(set_closurable_color(config?.color_alt, "var(--g12-t)"))
9
+ let fill = $derived(set_closurable(config?.fill, "none"))
10
+ let size = $derived(set_closurable(config?.size, 2))
11
+ let sw = $derived(set_closurable(config?.sw, 60))
12
+ let deg = $derived(set_closurable(config?.deg, 0))
12
13
  let ml = $derived(set_closurable(config?.ml, 0))
13
14
  let mr = $derived(set_closurable(config?.mr, 0))
14
15
  let mt = $derived(set_closurable(config?.mt, 0))
@@ -19,8 +20,6 @@ export function create_icon_manager(config) {
19
20
  let movement_stiffness = $derived(set_closurable(config?.movement_stiffness, 0.1))
20
21
  let movement_damping = $derived(set_closurable(config?.movement_damping, 0.1))
21
22
 
22
- let icon_id = $derived(set_closurable(config?.icon_id, null))
23
-
24
23
  let deg_spring = $derived(deg)
25
24
  // tbd had issue switching svelte 4 to svelte 5
26
25
  // const deg_spring = $derived(
@@ -41,16 +40,16 @@ export function create_icon_manager(config) {
41
40
 
42
41
  function set_attributes(input) {
43
42
  // icon_id = set_closurable(input?.icon_id, null) // tbd
44
- deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
45
- color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
46
- color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
47
- fill = set_closurable(input?.fill, fill ?? "none")
48
- size = set_closurable(input?.size, size ?? 2)
49
- sw = set_closurable(input?.sw, sw ?? 60)
43
+ // deg = set_closurable(input?.deg, deg ?? 0) // up: 0, left: 270, right: 90, down: 180
44
+ // color = set_closurable_color(input?.color, color ?? "var(--g4-t)")
45
+ // color_alt = set_closurable_color(input?.color_alt, color_alt ?? "var(--g12-t)")
46
+ // fill = set_closurable(input?.fill, fill ?? "none")
47
+ // size = set_closurable(input?.size, size ?? 2)
48
+ // sw = set_closurable(input?.sw, sw ?? 60)
50
49
  }
51
50
 
52
51
  function init(config) {
53
- set_attributes(config)
52
+ // set_attributes(config)
54
53
  }
55
54
 
56
55
  init(config)
package/src/lib/Components/IconInput/index.svelte.js CHANGED
@@ -137,7 +137,6 @@ export function create_icon_input_manager(config) {
137
137
  ...val,
138
138
  color: input,
139
139
  }
140
- selected_icon_manager.set_attributes({ color: icon_color })
141
140
  set_icons_prepped()
142
141
  }
143
142
 
package/src/lib/Components/TextInput/index.svelte CHANGED
@@ -126,7 +126,7 @@
126
126
  </div>
127
127
  {/if}
128
128
  <div style="display: flex; gap: .5rem">
129
- {#if manager?.val}
129
+ {#if manager?.val != null}
130
130
  <p>{manager?.val}</p>
131
131
  {:else}
132
132
  <p style="color: var(--warning-t)">Null</p>
package/src/routes/+layout.svelte CHANGED
@@ -168,6 +168,27 @@
168
168
  {#if children}
169
169
  {@render children()}
170
170
  {/if}
171
+ <div style="display: flex; justify-content: start; padding: 1rem; margin-top: 2rem;">
172
+ <a
173
+ href="https://www.contibase.com?ref=skui"
174
+ target="_blank"
175
+ rel="noopener noreferrer"
176
+ style="display: flex; align-items: center; justify-content: center; padding: .5rem 2rem; width: fit-content; background-color: var(--g0-t); border-radius: 10px; font-family: Quicksand; text-decoration: none;"
177
+ >
178
+ <img
179
+ height="12px"
180
+ width="auto"
181
+ style="max-height: 12px; max-width: 40px; width: auto; margin-right: 10px;"
182
+ src="https://www.contibase.com/favicon.svg"
183
+ alt="icon"
184
+ />
185
+ <div style="display: flex; flex-direction: column; flex: 0;">
186
+ <span style="font-size: 1rem; line-height: 1; color: var(--g16-t)">Sponsored by </span><span
187
+ style="line-height: 1; color: oklch(var(--l12-t) var(--c12) var(--h10));">Contibase</span
188
+ >
189
+ </div>
190
+ </a>
191
+ </div>
171
192
  {/snippet}
172
193
  <!-- {#snippet additional()}
173
194
  {/snippet} -->