HelperText throwing error; FloatingLabelInput style property errors
### Describe the bug
Attempting to use HelperText throws error as follow:
```
chunk-BWDDQV5P.js?v=b189b538:193 Uncaught Svelte error: invalid_snippet
Could not `{@render}` snippet due to the expression being `null` or `undefined`. Consider using optional chaining `{@render snippet?.()}`
in Helper.svelte
in +page.svelte
in +layout.svelte
in root.svelte
at invalid_snippet (
```
### Reproduction
```
import { ButtonGroup, GradientButton } from 'svelte-5-ui-lib'
import { FloatingLabelInput, Helper } from 'svelte-5-ui-lib'
<FloatingLabelInput
style="filled"
size="small"
>
Floating label
</FloatingLabelInput>
<Helper class="pt-2" color="default">
```
Webstorm IDE flags the color="default" prop displaying 'Svelte: Type 'default' is not assignable to type 'disabled' | ColorName | undefined'
The ide also flgs the style="filled" property display ': is expected. It seems that it is treating the style like the html style attribute.
### Version and System Info
```shell
System:
OS: Linux 6.1 LMDE 6 (faye) 6 (faye)
CPU: (24) x64 13th Gen Intel(R) Core(TM) i7-13700KF
Memory: 35.89 GB / 62.63 GB
Container: Yes
Shell: 5.2.15 - /bin/bash
Binaries:
Node: 22.1.0 - ~/.volta/tools/image/node/22.1.0/bin/node
npm: 10.7.0 - ~/.volta/tools/image/node/22.1.0/bin/npm
pnpm: 9.12.3 - ~/.volta/bin/pnpm
bun: 1.1.34 - ~/.volta/bin/bun
Browsers:
Chrome: 131.0.6778.69
Chromium: 130.0.6723.116
npmPackages:
@sveltejs/adapter-auto: ^3.3.1 => 3.3.1
@sveltejs/kit: ^2.8.1 => 2.8.1
@sveltejs/vite-plugin-svelte: ^4.0.1 => 4.0.1
svelte: ^5.2.3 => 5.2.3
vite: ^5.4.11 => 5.4.11
```
关闭于 2024-11-20 7 条评论