Features

Components

• Modal

  • Migrate to Svelte 5 [#708], [#713], [#714]

• Utilities

  • Make event modifiers accept nullish function and generalize the event type [#715], [#717]

Fixes

• Preserve SVG tags in code blocks [#707]

Tests

• Fix flaky Progress e2e test [#709]

Chore

• Remove modified boilerplate from license file [#706]

New Contributors

• @jwndlng made their first contribution in #706

Full Changelog: v8.0.0...v9.0.0

Features

• Migrated components Section and KeyInfoPair to Svelte v5.
• Added a failed step to ProgressSteps.
• Introduced new icon IconCloseCircle, used in the ProgressSteps component.
• Added optional size property to IconNeurons.

Fixes

• Migrated the Collapsible component to Svelte v5 to resolve an issue where the component remained closed starting with Svelte v5.36.0.

Chore

• Bumped @dfinity/eslint-config-oisy-wallet.

New Contributors

• @roman-nazaruk made their first contribution in #700

Features

Components

• WizardModal

  • Add support for typed step names [#624]
  • Add support for generics typed steps [#630]
  • Migrate to Svelte 5 [#689]

• InfiniteScroll

  • Migrate to Svelte 5 [#629]

• Modal

  • Add slots for left/right side of modal title [#620]
  • Change centralization style [#679]

• Input

  • Add autofocus prop [#622]
  • Avoid loss of precision in input values [#678]

• BottomSheet

  • Add header/footer and transition options [#628]

• Toasts

  • Migrate Toast and Toasts to Svelte 5 [#669], [#668]
  • Define CSS classes for toast levels [#677]
  • Option to limit number of visible toasts

• Icons

  • Add: EyeOpen, EyeClosed, IconStarFill, IconSort, IconPlus, and many others
  • Bulk-migrate icons to Svelte 5 [#670], [#671], [#672], [#673], [#674]

• Utilities

  • Add stopPropagation and preventDefault event modifier utils [#640], [#664]
  • Use debounce util where possible [#688]

• Other component migrations to Svelte 5:

  • Back, SkeletonText, MenuButton, Html, Markdown, Tag, Content, SplitContent, Header, HeaderTitle, Value, WizardTransition, ProgressSteps, Spinner, SegmentButton, ExternalLink, Copy, Island, InputRange, ScrollSentinel, TestIdWrapper, Toolbar, ItemAction, Chip, ChipGroup

Fixes

• Pass event to callback of event modifiers [#675]
• Fix component WizardModal behavior [#695]
• Remove hardcoded stroke from close-circle-fill icon [#653]
• Fix default test ID for Collapsible component [#686]
• Fix SvelteKit icons page serialization issue [#625]
• Fix default generic for event types [#685]

Style

• Implement responsive layout for modal buttons [#612]

Tests

• Fix flaky tooltip e2e test [#645]

Build

• Upgrade Vite to address multiple CVEs [#610]
[#614]
[#617]
[#618]
[#615]
[#627]

• Bump @sveltejs/kit from 2.20.4 to 2.20.6 [#619]

• Bump dompurify [#681]

• Bump dev dependencies [#680]

• Migrate Sass imports [#683]

Chore

• Update CI to Ubuntu 22.04 [#613]
• Use CI prepare action [#643]
• Update CI deploy to Juno [#644]
• Remove explicit modern-compiler [#691]
• Remove node-fetch [#687]
• ESlint v9 using eslint-config-oisy-wallet [#684]
• Add prefix to default test IDs [#690]
• Update team name to governance-team [#647]
• Add missing CI check [#682]
• Bump version for release [#697]

New Contributors

• @FlavioInacta – [#620]
• @CvetelinaAngelova – [#679]

Build

• The library has been migrated and now requires Svelte v5.

Features

• Added a new component to listen for system theme changes (e.g., detect when the user switches their OS theme from dark to light).
• Introduced new Chip group and ChipGroupItem components.
• Reapplied "Hide top on scroll" (#589).
• Added a bottom slot to the Input component.

Build

• Used versioning to ensure build reproducibility for the showcase app.
• Bumped prismjs from 1.29.0 to 1.30.0 (used in documentation).
• Bumped Playwright version.

Chore

• Removed SCSS warnings.

Features

• Add icon ArrowsSwitch by @dskloetd in #538
• New icon IconCheckCircleFill by @mstrasinskis in #540
• feat: add icon IcondDocument by @yhabib in #546
• feat(icons): add IconHome component by @yhabib in #556
• feat: remove analytics by @peterpeterparker in #560
• feat(icons): new icons for the Portfolio page by @yhabib in #561
• feat: observe resize segment for better indicator display by @peterpeterparker in #565
• feat: use an element target in infinite scroll by @peterpeterparker in #569
• feat: adds autofocus to Input field by @BonomoAlessandro in #570
• feat: fixes linter issues by @BonomoAlessandro in #575
• feat: option to reset theme to system settings by @peterpeterparker in #585
• feat: bump dompurify by @peterpeterparker in #591
• feat: expose theme enum and store to consumer by @peterpeterparker in #578

Fix

• fix: tr cannot be a child of table by @peterpeterparker in #542
• fix: Self-closing HTML tags by @peterpeterparker in #544
• fix: nesting selectors in menu item by @peterpeterparker in #543
• fix: npm audit fix by @peterpeterparker in #553

Style

• Update tag intent error color by @mstrasinskis in #536
• style: force content-box for Checkbox by @AntonioVentilii in #539
• Update tag.warning colors by @mstrasinskis in #547
• Add banner bg variable by @mstrasinskis in #557
• Avoid margin when no title by @mstrasinskis in #558
• Reduce padding on mobile by @mstrasinskis in #572

Refactoring

• refactor: solve SASS warnings by @AntonioVentilii in #581

Chore

• chore(IDX): replace PAT with GitHub App by @cgundy in #537
• chore: add sideEffects to package.json by @peterpeterparker in #545
• chore(): update comment by @cgundy in #552
• chore: replace few import paths ../ with $lib/ by @peterpeterparker in #555
• Update checks.yml by @mstrasinskis in #559
• chore: e2e local development by @peterpeterparker in #564
• chore: bump playwright by @peterpeterparker in #568
• chore: interfaces for theme store by @peterpeterparker in #584
• chore: disable ssr for showcase app by @peterpeterparker in #563
• chore: remove redundant statement for autocomplete in Input by @AntonioVentilii in #571

Test

• test: adapt tooltip text checks by @peterpeterparker in #549
• test: render with events utility refactoring by @peterpeterparker in #554
• test: e2e infinite scroll by @peterpeterparker in #562

Build

• build(deps-dev): bump vite from 5.4.6 to 5.4.14 by @dependabot in #566
• Upgrade vitest from 2.1.1 to 2.1.9 by @dskloetd in #576
• ci: bump actions/cache by @AntonioVentilii in #583

New Contributors

• @BonomoAlessandro made their first contribution in #570

Full Changelog: v5.0.0...v5.1.0

Changes

• Introduced new color primitives (the old variables are deprecated and will be removed in future releases).
• Updated the dark theme from a violet tone to a blue tone.
• Shrink Popover if overflows.
• Refreshed some icons.
• Applied minor fixes and improvements.

Full Changelog: v4.8.0...v5.0.0

Features

• New Markdown component.
• New ThemeToggleButton component.

Other

• Minor fixes and improvements.
• Updated several dependencies to their latest versions.

Full Changelog: v4.7.0...v4.8.0

Features

• New Dots, Bin and AddCircle icons.
• Bump Juno Analytics to track Web Vitals in showcase.

Build

• Update inherited agent-js to v2.0.0.
• Bump svelte from 4.2.1 to 4.2.19.

Features

• Upgrade sass dependency to v1.77.8 and resolve warnings.

Build

• Bump dependencies.
• Combine access token and pull request checks in workflow.

Notes

As of this version, we will use the tag version as the title for the release, similar to our practice in other libraries.