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.

Svelte v4

Features

• Add IconExpandAll component

Fix

• Layout-bottom-offset wrong value

Style

• Define colors for text selection
• New colors for NNS dapp "Tokens" page

Build

• The gix-cmp library has been bumped to require Svelte v4 as a peer dependency
• Fix prettier formatter (see Svelte plugin issue #407)
• Bump Playwright

Various enhancements

Features

• add property noPadding on Card
• add segments to ProgressBar
• add SplitBlock component
• change Tag style
• Key value info align icon right
• add navigation icon components
• add tag utility class

Style

• set colors for text selection

Fix

• stop QRCodeReader if component destroyed before started

Build

• add @juno/analytics for gix.design
• bump various dev dependencies
• fix running e2e locally with staging build env

Colors 👨‍🎨

Features

• new colors for light theme, dark theme has been updated and generally speaking colors have been aligned with DFINITY's designers work
• new components PageBanner, PageHeader and Section
• menu can be collapsed on desktop and tablet
• avoid notification scrollbar if not needed
• card links transformed to true links (instead of buttons)
• maintain xlarge layout on large screen
• various new icons
• use @dfinity/utils for nullish comparison
• add option clamp to toast content overflow

Styles

• checkboxes colors reviewed
• card hover and text contrast was improved
• wider desktop modal width

Fix

• prevent default behavior of copy button
• bottom sheet race condition
• a11y warnings

Build

• prettier v3
• deploy Gix components with Juno and set custom domain https://gix.design
• vitest instead of jest
• add few testIds for testing purpose

QR code reader improvements and narrower modal

Features

• mirror camera for QR code reader on desktop
• trim QR code reader result
• lazy load QR code reader
• new icon "Settings" and "South"

Fix

• QR code reader memory leak
• menu background loading glitch
• wizard modal opening glitch

Style

• json payload contrast
• narrower modals on desktop
• utils to reset margin

Build

• run Playwright in CI
• publish provenance to npm
• bump dev dependencies

QR code reader

Features

• new QR code reader
• apply exponentToPlain for initial icp values

Styles

• new button style "card"