Releases: dfinity/gix-components
Releases · dfinity/gix-components
Various enhancements
Features
- Support rich content in tooltip.
- Add
resetScrollPositionfunction inSplitContent. - Move tooltip back to body in
afterUpdate. - Add
IconSortandIconPlus. - 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-libraryv5.
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-tintcolors.
Chore
- Add
idPrefixprop toTooltip.
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
sizeproperty toVoteIcon. - Add a
testIdtoQRCodeReaderModal.
Fix
- Add an empty
titleattribute 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-sizevar. - 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
currencytype for theInput. - 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-heightfor h1 inPageBanner. - Add
content-cell-island__cardstyle to replace multiple custom styles
Build
- Migrate to SvelteKit v2.
- Fix
prettier-plugin-organize-importsfor 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/analyticsforgix.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,PageHeaderandSection - 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/utilsfor 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
testIdsfor testing purpose