GitLab

Closes #1604

* Use revised primary and secondary text colours
* Generate json for theme colours
* Display theme colours in component library
* Deprecates old primary, secondary, tertiary themes in favour of vf-color__brand and interactive, text colours
* Changes mixin `set-type` to use the primary colour (off black) by default

* bug: vf-card space

* Bug: correct a missing space in Nunjucks template.

* Update CHANGELOG.md

* enhancement: vf-search-clien-side destination

* Add customisable URL prefix `search_client_destination_prefix`.

Makes the search more robust and flexible.

* Update CHANGELOG.md

* Update README.md

* bug: string type for striptags

* Bug: in `gulp-build-search-index` ensure `body` is a string for `striptags`.

striptags will error if an array is sent.

* Update CHANGELOG.md

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

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

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

* Documentation: clarity on using card vs summary components.
  * https://github.com/visual-framework/vf-core/issues/1592

* Accessibility: add `search_client_id` to configure `label` `for` and `input` `name` attributes.

* Fixed repeating breadcrumbs issue

* enhancement: vf-content heading spacing

A bit of a "reset" that uses the central `set-type` mixin. It makes things more consistent with fewer exception and less technically complications.

Also adopts the vf-stack style mantra of "pushing down" and removes top margins.

* Use vf-spacing tokens for heading margins.
* Reduce bottom margin on headings to be more consistent with overall typography, design kit.

* Critical: pins `marked` dependency to 2.0.7, as 2.1.0 breaks support in node 12.
  * https://github.com/visual-framework/vf-core/pull/1590

* Enhcancement: vf-figure refinements

A PR to sort some issues around vf-figure (also including `.vf-conent figure`)

First commit works on #1582

* Figure: handle vf-content figure better

Assumes a responsive and cnetered layout, which is most typical.

* Update CHANGELOG.md

* Update CHANGELOG.md

* Featuer: pin marked

* Pin `marked` dependency to 2.0.7, as 2.1.0 breaks support in node 12.
* Background: https://github.com/markedjs/marked/issues/2106

* Add PR link

- sort cards on homepage by title
- make "design tokens" lowercase
- fix up the design tokens overview layout
- cleanup token template pages

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

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

* bug: vf-tabs missing import

Bug: Add missing `@import 'vf-global-variables';` to generate standalone `vf-tabs.css`.

* Update CHANGELOG.md

Also fixes a few display issues in the component library

Not yet implemented

After the improvement for `.vf-content img` in #1566, it exposed an issue in vf-flag images.

* Handle image widths: as vf-flag uses a table layout, this does not mix well with `vf-content img` and max-width 100%.

* Component: ELIXIR banner #1572

A rough cut of template generator + initial docs.

* enhancement: vf-intro badge

* Remove `vf-badge--phases` after upstream removal in vf-badge@2.0.0
  * https://github.com/visual-framework/vf-core/pull/1546
* Improve placement of `.vf-intro__heading--has-tag .vf-badge` to facilitate assorted widths and multiline headings

Similar to https://github.com/visual-framework/vf-core/commit/f6d64cac061d6448d276469d8f36698ce6953c02

needs `:not([class*='vf-'])` to not apply where it shouldn't, i.e. https://stable.visual-framework.dev/components/vf-profile/

No changelog as this corrects #1412 which hasn't been published to npm yet

Aside: i was failry sure both of these were sorted in a prior PR i can't find a recrod of ...

needs `:not([class*='vf-'])` to not apply where it shouldn't, i.e. https://stable.visual-framework.dev/components/vf-profile/

No changelog as this corrects #1412 which hasn't been published to npm yet

https://gitlab.ebi.ac.uk/emblorg/backlog/-/issues/484

* Fixed null error

* Added changelog

* Sentence case for changelog
Co-authored-by: Ken Hawkins <khawkins98@gmail.com>

* bug: vf-component-generator-fixes

* Fix a bug in `camelize` function that only replaced first `-`.
* In `README.md` template, reference the component `vfName.scss` file and not `index.scss`

* Fix accessibility link

* enhancement: hide-ebi-1-cookie-banner

Imrpoves clarity on how to hide old 1.x cookie banner when using the 2.0 JS (to avoild a double cookie banner from 1.x and 2.0).

* Fix readme for proper display in component library docs.
* For ebi-header-footer--footer.njk add context `disable_ebi_1x_cookie_banner` to disable EBI 1.x cookie banner (defaults to true).

* Tweak ebi-vf1-integration docs

* bug: notifcations and banner data handling

This corrects a pair of slightly connected issues.

`embl-notifications`:

* Capture all links without `vf-banner__link` class.

`vf-banner`:

* Correct an issue in naming of Yaml keys that resulted in null values.
  * `vf-data-protection-banner__text` -> `banner__text`
  * `vf-data-protection-banner__link` -> `banner__link`

* Correct "tertary" typo in "vf-button--tertiary"

The code to integrate with the legacy EBI 1.x VF needed a couple updates:

* Update max-width to match vf-body.
* Fix a clash with vf-hero that uses text-decoration-thickness.