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"

Progress steps

Features

• new componet to display a progress with steps
• toasts more options: position top and "inverted" theming
• hide close button on modal if events disabled

Fix

• collapsible calculated height

QR Code and Segment

Features

• new QR Code component
• new Segment component
• new StretchPane component
• new ExternalLink component
• dissolve delay input update
• expose breakpoints extra large in JS
• expose layout store
• various styles improvements

Fix

• InfiniteScroll disabled because beforeUpdate is called twice when bindings are used
• few import incomplete path

Build

• bump all dependencies
• add dependency qr-creator

Split Content

Breaking Changes

• few <Card /> properties renamed and modified for split content

Features (new)

• components and style update for NNS-dapp new main "Login" page design
• <SplitContent /> layout to present the content with a column next to it

Fix

• InfiniteScroll disabled because beforeUpdate is called twice when bindings are used

Styles

• update secondary button contrast
• refresh few icons

Build

• bump all dependencies
• resolve ts-jest deprecation warning
• expose constants