GitLab

This deprecates vf-link-list as many components are either widely unused or only seldom used — for the components that aren't yet used much we also have major revisions coming and we wish to discourage use of components that are about to be overhauled.

- Links List Default: use vf-list + vf-heading
- Links List no heading: use vf-list
- Links List Tight: use vf-list  (we may add a vf-list--tight variant subject to demand)
- Links List Very Easy: see above
- Links List Easy: to be overhauled as vf-navigation--on-page
- Links List Has Images: use vf-summary--has-image or vf-flag--middle

Additionally there has been a confusion between when to use vf-list and vf-link-list that we're want to address.

Closes #1649

* Deprecate: vf-header

vf-header was an early concept on how we might accommodate multi-layers of branding ... but:

- It was never successfully used in production
- Is out of date technically and visually
- Has questionable IA/UX merit in the current context

Therefore it is being deprecated.

No migration guidance is supplied as it is not used in production.

It is also being removed from the default rollup Sass/CSS.

These two components never saw wide adoption and neither the technical tooling nor use case was ever proven.

- https://stable.visual-framework.dev/components/vf-activity-list/
- https://stable.visual-framework.dev/components/vf-activity-group/

This deprecates them by following the guide at https://stable.visual-framework.dev/guidance/deprecating-components/

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Bug: unused gulp-watch dependency

This issue addresses #1644 by removing the unused `gulp-watch` dependency.

(It seems the reporting account for ticket #1644 has been deleted, taking the ticket with it.)

* Update _gulp_rollup.js

With #1517 and https://github.com/frctl/fractal/issues/1048 resolved we can now do this.

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

For how lerna manages packages and because we did a hotfix release.

This uses the production emblstatic CDN repo for both vf-favicon and embl-favicon to improve stability and perofrmance.

The url will not resolve until we cut the 2.5.0 release (later today).

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Ken Hawkins <khawkins98@gmail.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

Co-authored-by: Renovate Bot <bot@renovateapp.com>

For #1619

When updating the design tokens and sass utilities in #1606`, the change wasn't carried through for vf-box. This fixes it.

Closes #1619

Fixed a typo on the word "accessibility" that I just spotted.

Co-authored-by: Renovate Bot <bot@renovateapp.com>

* Documentation: demonstrate elixir banner

* Add ELIXIR banner to example EMBL-EBI page.
  * https://stable.visual-framework.dev/patterns/boilerplate-generic-embl-ebi/

* Update CHANGELOG.md

* Enhancement: vf-hero refinments

* Updates the default hero spacing to be equivalent to 1200 (was: 800). This better matches the actual default usage in practice and is based off design feedback for consistency.
* Hides 1600 variant that has gone unused.
* Readme updated to note that most uses will want a background image at 3000 by 1000 pixels.

As discussed with @cindyebi and Design.

* Update CHANGELOG.md

Feedback has been unclear on using `#373a36` for the main text.

This keeps the clearly more accessible (and less perceptible change of using `#1a1c1a` for main text) and unblocks the release of 2.5.0-beta.4.

* enhancement: primary-text-as-grey

For #1587.

Also:

* Improve reliability of mixin for `link-color` and `brand-color` when using the default color.
* Mixin for `inline-link` now uses `link-color` mixin.
* Use design tokens for colors, by using mixins for `text-color`  and `link-color`.

* Precipitate changes

* Primary is grey, secondary is dark

* Document sassFunction and sassMap names

* Developer tools: add `sassFunction` and `sassMap` information to token meta information.

* Typography color auto-setting

* Update vf-link-list.scss

* Code example updates for tokens

* Card updates for tokens

* chore: text colour updates for button and footer

* Reduce text-body--1 to 28px

https://docs.google.com/document/d/13UJF2yw4C6IVXCQ1uljb6PWX20fY-gZNRlXtoTZbes4/edit#heading=h.fxkljuwfkv09

* Enhancement: vf-profile colour and spacing

* Links of `.vf-profile__link` use `inline-link` mixin.
* Remove need for `.vf-u-last-item` on last phone number.
* https://gitlab.ebi.ac.uk/emblorg/backlog/-/issues/524#note_126059

* Update CHANGELOG.md

Co-authored-by: Renovate Bot <bot@renovateapp.com>