v14.10.0
Before you upgrade, please take note of any breaking changes and deprecation notices which may affect your site. View the Upgrade Guide to see examples of how to address breaking changes.
New features ✨
- two Components
- Alternate Accordion - same functionality but a different theme #911
- Page Navigation - best suited for linking to other pages #916
- one Layout
- six Theme variables #912
- Outline
--col-outline-tertiary-25
--col-outline-tertiary-50
--col-outline-tertiary-75
- Background
--col-bg-tertiary-25
--col-bg-tertiary-50
--col-bg-tertiary-75
- Outline
- you can now
link
an Accordion item toanother
page by using ana
element instead ofspan
#911
<a class="accordion__title" href="...">...</a>
<ul class="accordion accordion--tight">...</ul>
- you can now choose the
background
class to use when importing stories. For instancebg="primary"
will add thebg-primary
class #905
include component src="..." bg="primary"
snapshot
tests can nowcompare
each componentindividually
instead of capturing the whole page by usingcheckSnapshot()
#909- it tests that there is at least
one
component on the page - it tests that each component has a unique name - this is derived from passing
name=""
when you import the component - you can pass in a custom
selector
to use for the snapshot - this is useful for capturing snapshots of components notinjected
by the component importer #909
- it tests that there is at least
await checkSnapshot('data-test=modal');
Bug fixes 🐛
- fixed an issue where
e2e
tests failed to start due to more than one version existing in thedist
folder #907 svgs
nested inside Stats & rankings are now restricted to65%
width onmobile
and85%
width ondesktop
viewports #913- removed
bottom
border from last Page navigation item #911
Other changes
- links that contain no
href
property remain unstyled #915 - updated default Accordion design #911
- removed custom
accordion
overrides #911 - reintroduced the
versioned
folder soproduction
mode can reference it when serving assets #904 - updated
netlify.toml
cors
setting to allow*
#904 eleventy
now correctlywatches
for changes to thedist
folder #903- tidied up
component
importer code #905- removed need for
containerRatio
prop - removed
Example:
andSource Code:
text - tided up
css
- removed need for
- removed
trimOutputLeft
&trimOutputRight
from.eleventy.js
#905 - split
grid
andcomponent
css fromassets/docs/helpers/index.css
intoassets/docs/grid/index.css
&assets/docs/component-importer/index.css
#905 - reduced the height of Grid columns when
data-show-grid
is used #905 - combined all
e2e
tests intoone
workflow job tospeed
up andreduce
github actions minutes usage #898 #908 - updated
yarn test:e2e
to run all tests #898 - removed
yarn test:e2e:all
#898 - test
artifacts
are nowavailable
fordownload
when a test fails on theci
server #910 - removed some
sempahore
relatedCI
settings inplaywright.config.js
#910 components
on allchild
pages now usecheckSnapshot()
#909- created new
e2e
snapshot tests - migrated
jumpnav
andpage-header
tests to their respective component test file #909 - migrated
snapshots
frompages
➡️snapshots
folder #909
Documentation updates
- created Nested accordion story #911
- Grid now shows column numbers on all examples #905
- removed
.alt
from Complex timeline #905 - the following pages now use the
bg
prop #905 - Colours & Theme now
import
theircolours
with the component importer #906 - removed
showCode="false"
from all CMS examples #905 - removed
accordion
from Course #911 - updated
release
anddeployment
steps indocs/release.md
#891