diff --git a/.jules/palette.md b/.jules/palette.md index 00f41cd..9cc85e1 100644 --- a/.jules/palette.md +++ b/.jules/palette.md @@ -1,3 +1,4 @@ ## 2024-10-24 - Accessible Icon Props and Loading Button State + **Learning:** Svelte wrapper components (like `Icon.svelte`) must spread `$$restProps` to allow passing accessibility attributes (e.g., `aria-label`) from parent components. Without this, icons remain inaccessible to screen readers. Also, persistent "Success" states on buttons can be confusing; auto-resetting them after a timeout improves clarity. **Action:** Always include `{...$$restProps}` in wrapper components and implement auto-reset logic for temporary success states in interactive elements. diff --git a/dev.log b/dev.log new file mode 100644 index 0000000..5e3ba0d --- /dev/null +++ b/dev.log @@ -0,0 +1,97 @@ +yarn run v1.22.22 +$ vite dev + + VITE v5.4.9 ready in 2589 ms + + ➜ Local: http://localhost:5173/ + ➜ Network: use --host to expose +9:05:34 PM [vite-plugin-svelte] /app/src/components/Icon.svelte:31:1 No scopable elements found in template. If you're using global styles in the style tag, you should move it into an external stylesheet file and import it in JS. See https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#where-should-i-put-my-global-styles. +DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. + +More info: https://sass-lang.com/d/legacy-js-api + +DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. + +More info and automated migrator: https://sass-lang.com/d/import + + ╷ +1 │ @import './theme-overrides.scss'; + │ ^^^^^^^^^^^^^^^^^^^^^^^^ + ╵ + src/styles/app.scss 1:9 root stylesheet + +DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. + +More info and automated migrator: https://sass-lang.com/d/import + + ╷ +2 │ @import './mixins.scss'; + │ ^^^^^^^^^^^^^^^ + ╵ + src/styles/app.scss 2:9 root stylesheet + +DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. + +More info: https://sass-lang.com/d/legacy-js-api + +9:05:35 PM [vite-plugin-svelte] /app/node_modules/@smui/snackbar/dist/Snackbar.svelte:16:2 A11y: Non-interactive element
should not be assigned mouse or keyboard event listeners. +9:05:35 PM [vite-plugin-svelte] /app/node_modules/@smui/snackbar/dist/Snackbar.svelte:1:0 A11y: Non-interactive element