GitLab

* feature: vf-navigation--on-this-page

Introduces a refined `vf-navigation--on-this-page` that has been trialled on https://wwwdev.embl.org/directory/ and will replace `vf-links-list-easy`

Adresses: #1623

As discussed with @cindyebi

Support activation of specific vf-tabs on page load `#vf-tabs__section=tab_id`

This feature is not designed with `vf-location-nearest` compatibility.

https://github.com/visual-framework/vf-core/issues/1700

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>

* Update dependency sass to v1.43.2

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

* enhancement: vf-stack spacing

This PR continues (and hopefully nearly completes) efforts to make the spacing between containers "just work".

It does so partly by removing the aggressive `!important` attributes from vf-stack now that it is more consistently implemented.  (This also more easily allows adhoc overrides where required.)

It also allows vf-stack to touch more components by using vf-stack in the `set-type` mixin.

Because of vf-stack's far-reaching `> *` this change touches many components.

Following workin in #1689, this sets correct previews for many components

* Feature: allow examples of variants

Adds technical support to facilitate #1530 by:

1. Adding a new component cotnext variable `isExample: true`
2. Adding template support in the component library

While these are technically new variants, they do not generate additional template files and are shown in contextually appropriate way.

Incroporating examples also brings some required updates to the layout of  the component pages — most of which have been overdue, such as removing the tree layout (whose function is planned to be replaced by the forthcoming mega menu).

When vf-location-nearest activates a tab, browsers scroll that content into focus -- this is not desirable.

* enhancement: create design-token for blue-interactive

Create new background blue and add `interactive-color` sass map

For #1688

* use new interactive token

* Add interactive token to docs

* Generate ios and css custom propos

* Documentation: update component creation process

We've had some information but it's been:

1. Hard to find
2. Out of date

This sorts that.

* Update component creation guidance

* Component release 20211001-01

* Update release notes

* Remove hero duplication

* Use directory-style pages

* Building page tidy

* Revise principles section

* More directory page structure work

* Developing page cleanup

Deprecates `vf-box`. Most use cases should now use the `vf-card` component. A new layout-specific `vf-box` may be made in the future.

Closes #1667

Addresses issues when showing remote content on EMBL sites; https://gitlab.ebi.ac.uk/emblorg/backlog/-/issues/583

- when no results, embl-content-hub-loader would error if an empty message is not set
- embl-notifications was still using the deprecated `vf-banner--phase` variant

* Accessibility: When section header is a link, it should still be wrapped an `h2`
  * https://github.com/visual-framework/vf-core/issues/1683
* Whitespace control

* chore: drop-down and progress component cleanup

Following work in #1682 and #1679 to introduce the new alpha components this cleans up a pair of rough edges.

- css custom prop usage
- ie11 fallback
- njk typo
- njk whitespace control
- add aria progress  bar role
  - maybe more work to do there in the future https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role
- add context conditionals

* Update vf-progress-indicator.jsx

* CSS linting and nesting

* More linting

* Use z-index tokens, context

* Small typo fixes

* Remove unused event handler

fixes a few edge cases in the not-yet-release vf-bookmark.

- icon colour inheritance
- icon outline size
- icon positioning
- star vs heart icon

* Initial commit for progress indicator

* Implemented some review comments, which were left untreated in hurry

* Added css variable for with: 100%

* first commit for vf-dropdown

* Removed unwanted icon

* Move about line down

About should be one short sentence.

* Fixes some review comments

* Don't announce svg

* Update z-index tokens
Co-authored-by: Ken Hawkins <khawkins98@gmail.com>

Resolves an accessibility issue with contrast for the striped card subheading variant.

Closes #1657