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.

New colors

Breaking Changes

• CSS colors tokens have been renamed. e.g. --purple-dark-600 -> --cp-light-600. Refer to PR #348 for details.

Features

• The light and dark theme colors have been reviewed. The changes are particularly predominant on the light mode.

Various enhancements

Features

• Make the logo (and oneliner) of the menu customizable.
• Various new icons.
• Add icon for collapse all action.
• Remove icons in the menu of the documentation website.

Fix

• Get rid of the unnecessary toast scrollbar.

Style

• Provide a global CSS utils .visually-hidden.
• Few improvements regarding colors and their usage.
• Set line-height for h1 in PageBanner.
• Add content-cell-island__card style to replace multiple custom styles

Build

• Migrate to SvelteKit v2.
• Fix prettier-plugin-organize-imports for usage in Webstorm.