v5.1.0

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

v5.0.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

v4.8.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

v4.7.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.

v4.6.0

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.

Various enhancements

Features

• Support rich content in tooltip.
• Add resetScrollPosition function in SplitContent.
• Move tooltip back to body in afterUpdate.
• Add IconSort and IconPlus.
• Review icons to standardises most of them and ensure they match the overall design and maintain a consistent line thickness.
• Option to display a maximum number of visible toasts.

Style

• Change tooltip colors to dropdown colors.
• Add tooltip CSS variables.
• Improve clicked icon buttons visibility in light theme.
• Narrow toasts width on medium screen.

Build

• Bump dompurify.
• Bump dev dependencies.

Test

• Migrate to testing-library v5.

Chore

• Change content of CODEOWNERS to be compliant (Gix + Nns).
• Do not use token on fork PRs.
• Lint 'element' is assigned a value but never used in a test.
• Do not accept lint warnings in CI
• Remove local screenshots from repo.
• Set description in package.json.

Various enhancements

Features

• Elements divider colours update.

Style

• Define --text-description-tint colors.

Chore

• Add idPrefix prop to Tooltip.

Build

• Bump braces.

Various enhancements

Features

• To improve use experience the modal can be closed also on pressing Esc button.
• Add a class selector for wizard transition container.
• Add a size property to VoteIcon.
• Add a testId to QRCodeReaderModal.

Fix

• Add an empty title attribute on the tooltip target to prevent multiple tooltips from showing.

Style

• Change main menu selection style.
  • Remove gaps between main navigation and the content.
  • Display menu selection with the corners.
• Change colours related to the main navigation to fix dots visibility and improve contrast.

Chore

• Solve lint errors in modal.

Build

• Update showcase website analytics setup.

Docs

• Correct typo in global import snippet.

Various enhancements

Features

• Restyle segment component and improve initial selection animation.
• Hide tooltip when there is no text.
• Few new icons.
• Add option to render popover without backdrop.
• Few adjustments to dropdown.
• Add an option to disable toggle.

Style

• Some colors adjustements to improve dark/light modes visually.
• Improve main menu selection style.
• Update table colors.
• Add --button-border-size var.
• Remove box-shadow on Popover.
• Make the progress bar value straight instead of rounded.

Build

• Stop publishing a next version daily (remain available on demand manually).

Chore

• Prevent console log usage with eslint.

Various enhancements

Features

• Implemented a currency type for the Input.
• Added, improved, and exposed a new component Tooltip, originally copied from the NNS dapp.
• Added a class utility to make links look like buttons. Included button class text for links.
• Added and updated various icons.
• Changed the NNS logo.
• Added a "browser detection" page, which can be useful for debugging issues reported by consumers.
• Improved mobile and desktop detection for QR Code reader mirroring.
• Ignored the 1Password plugin in input fields by default.
• Supported HTML messages in toast notifications.

Styles

• Fixed issues with the new light theme colors.
• Fixed specific Firefox issues with the new light theme colors.
• Made minor adjustments to the new light and dark theme colors to reflect the design.
• Removed z-index from buttons.
• Increased popover max-width.
• Added a mixin to solve the button with tooltip alignment issue.
• Improved logo spacing in the menu.

Build

• Fetched QR Code test video from Dfinity download.
• Fixed allow commit formatting changes to trigger CI.
• Bumped dependencies.