π¨ Themesβ
- Big foundation updates for
chameleon-theme-indo
and
chameleon-theme-beltel
: new icons, illustrations, favicons, logos, colors,
typography and more.
!412
!414
- Updated/reverted the
brand-plus-main
logo for chameleon-theme-dl
!413
π Internalβ
π¨ Themesβ
- Some foundational updates:
- Updated icons for
chameleon-theme-wl
and chameleon-theme-gva-summer-2020
!400
- Updated grey colors for
chameleon-theme-hub
!400
- Updated favicons for
chameleon-theme-hbvl-summer-2020
!400
- Updated
datetime
tokens for chameleon-theme-wort-de
(use .
instead of
/
to separate date parts.)
!408
π Internalβ
- Updates to dependencies:
- Removed the general fontFamily tokens to reduce dirty snapshot tests going
forward.
!383
𦦠Otherβ
- In line with Node's release schedule, weβve made sure our package works on
Node's active LTS. Since we will only test on this version, weβve also made it
the required minimal version by bumping the
engines
field in package.json
!386
- π₯ BREAKING: The
<Fonts />
component has been removed. Please import
@mediahuis/chameleon-theme-*/lib/web/fonts.css
instead of using this
component.
!404
- π₯ BREAKING: The
<Reset />
component has been removed. Please import
@mediahuis/chameleon-reset
instead of using this component.
!404
- π₯ BREAKING:
chameleon-react
no longer has any chameleon-theme-*
packages specified in itβs dependencies. If you relied on the theme packages
being installed automatically, you need to add them to your own dependencies.
!407
π New Featuresβ
- All headings (h1-h6) are now responsive! Up until this point, paragraph,
heading1, -2 and -3 were the only ones with responsive font-size and
line-height values. This feature is now extended to heading4, -5 and -6 as
well.
MR !263
- Weather icons are added to
chameleon-tokens
so each brand now has access to
a default set of weather icons.
MR !265
- We added a new
closeHidden
prop to chameleon-react's Banner
component.
MR !295
π¨ Themesβ
- New theme:
chameleon-theme-wort-de
!
!MR 272
- In the
<Dialog />
component. The header and footer border-color
is now
updated to colorGrey30
(from colorGrey20
)
!MR 257
- The
brand-fill
icons are added for every brand.
!MR 266
- Replaced Helvetica Neue Ltstd & Replaced Helvetica Neue Condensed with Roboto
in
nb-winter-2021
!274
- Make it possible to use the v2 logo in
chameleon-theme-nb
this will also be
the default!
!293
π Internalβ
- Updates to dependencies:
- We have refactored the icon processing to allow for polychrome icons.
!MR 256
- Added repository fields for all package.json files.
!MR 277
- Refactored the color system, to allow for more flexibility regarding
foreground/background contrast.
!MR 273
- Changed the way placeholders work, by using an illustration, this gives the
brands more flexibility.
!MR 278
- Changed the way multibranded snapshot testing works in Percy
!289
π Bug Fixβ
- Removed default fontsize from
<Text />
component
!291
𦦠Otherβ
- Deprecated
<Image />
component
!MR 283
π Bug Fixβ
- For
chameleon-theme-hbvl-summer-2020
, a faulty FF Mark Pro
font file lied
at the basis of the wrong rendering of the letter "j" when your device's
locale is NL. New font files have been supplied to mitigate this issue.
!MR 238
π New Featuresβ
- A
<RichContent />
component has been added. Basically, itβs a component that
wraps around some HTML or other components and provides some default styling.
See the documentation for more info.
MR !234
π¨ Themesβ
- The
brand-plus-main
logo has been updated for chameleon-theme-swcom
.
!MR 236
- A new icon
bot
has been added for chameleon-theme-hbvl-summer-2020
and
chameleon-theme-gva-summer-2020
. (All other themes fallback to a new bot
icon in chameleon-theme-wl
).
!MR 232
π Internalβ
π Bug Fixβ
- Use
~
in Step
scss import
!MR 231
- Make sure the
key
prop in <Stepper />
doesn't contain duplicate values.
!MR 214
π New Featuresβ
<Dialog>
component has a new prop: footer
MR !194
π¨ Themesβ
- Updated
chameleon-theme-swcom
with updates on <Loader />
, <Choice />
,
<Stepper />
and Illustrations
!MR 222
- Add
brand-icon-abbreviation-horizontal
to chameleon-theme-hbvl-summer-2020
!MR 223
- Updated
chameleon-theme-dl
logos
!MR 224
- Add
chameleon-theme-hub
favicons
!MR 229
π Internalβ
- Updates to dependencies:
- Removed obsolete
build:scripts
from root package.json
MR !205
- Some random fixes
MR !209:
- Snapshot stage in CI is now uninterruptible.
- Removed
version
from root package.json
- License files are no longer explicitly mentioned in package.json
files
- Refactored fonts
.plist
generation
MR !213
𦦠Otherβ
- π₯ BREAKING: New
fonts.plist
structure for iOS
exports.
MR !217
π Bug Fixβ
- π₯ BREAKING: Not really a bug, but we fixed the spelling of the icon
attachment
(previously 'attatchment')
!MR 148
<Select />
does not always have the same height as <TextField />
!MR 175
<Select />
overflowing letter "G" on Windows Chrome
!MR 176
- For
iOS
each theme had an empty logos.swift
, illustrations.swift
and
icons.swift
file.
!MR 159
π New Featuresβ
- Removed PDF versions from repo and auto generate PDF (with
pdfkit) for
iOS
and VectorDrawable XML (with
a custom JAR) for
Android
.
MR !100
- Added logo's, icons and illustratios to
chameleon-swift
MR !138
- Added (minimal) foundation tokens for
chameleon-theme-swcom
MR !155
- π₯ BREAKING: Restructured theme output for
Android
MR !143,
MR !162
π¨ Themesβ
- Added a new icon set for
chameleon-theme-nb-winter-2021
!MR 142
!MR 164
- Added some illustrations for
chameleon-theme-nb-winter-2021
!MR 182
- Added a new play-arrow icon for
chameleon-theme-nb-winter-2021
and
chameleon-theme-gva-summer-2020
!MR 166
- For
Android
, motion design tokens are now integers
MR !170
- Added a new language icon to
chameleon-theme-wl
MR !187
π Documentationβ
- Deprecated
<Reset />
component
!MR 171
π Internalβ
- Updates to dependencies:
- Updated
jest.testTimeout
MR !134
- Refactored some NPM scripts
- Refactored gitlab-ci.yml and moved percy snapshots to CI
!MR 167
- Removed teasers from visual testing
!MR 147
- Refactored naming of storybook scripts
!MR 184
π Bug Fixβ
π New Featuresβ
- Weβve taken the first steps to implementing CSS Custom Properties! For
now, itβs just an extra
style-dictionary
output until we flesh this out
further. MHDS-1753
- Add
line-height
to iOS .plist export
MHDS-412
- Implement
downshift
onSelect in AutoComplete component
MHDS-1587
- TextLink now inherits
font-family
MHDS-1676
- Add
@babel/runtime
MHDS-1532
- WideListItem now uses Skeleton component as itβs loading state. π₯
BREAKING: Skeleton component was previously named Skelleton, this typo has
been fixed. MHDS-1341
- π₯ BREAKING: Move branded bundles for
chameleon-react
into new separate
chameleon-react-bundled
package. If you were depending on /lib folder in
chameleon-react
, please install chameleon-react-bundled
instead.
MHDS-1225
π¨ Themesβ
- Removed
chameleon-theme-gva
, chameleon-theme-hbvl
, chameleon-theme-tmg
,
chameleon-theme-limnl
MHDS-1752
- Add brand-fill to
chameleon-theme-dl
MHDS-1759
- Add Merriweather Black to all
chameleon-theme-hmc-*
themes
MHDS-1750
- Fix color build output in
chameleon-theme-swcom
- Update colors, typescale, overlay, logos foundations in
chameleon-theme-nb-winter-2021
MHDS-1745
- Add FF Mark Pro Italic to
chameleon-theme-hbvl-summer-2020
MHDS-1703
- Add .otf font files to
chameleon-theme-hbvl-summer-2020
MHDS-1710
- Add color-marketing tokens to
chameleon-theme-gva-summer-2020
MHDS-1716
- Fixed double
@popper
dependencies in build output.
- Removed branded bundles for
chameleon-react
(see New Features).
MHDS-1225
- Removed
import * from
Icons & Illustrations in favor of named exports.
MHDS-1746
π Internalβ
- Added
dependabot
automatic dependency updates
- Added
prettier
- and eslint
configs to all packages, and fixed al
formatting and linting errors
- Use format and lint in CI to prevent unformatted and unlinted code merges.
- Updates to dependencies:
- Removed dependencies:
cross-env
chromatic
@storybook/addon-actions
@storybook/addon-knobs
- Removed
chameleon-playroom
MHDS-1752
- Refactored
.gitlab-ci.yml
configuration
- Added
jest-fail-on-console
instead of DIY solution
- No longer keep double changelog. Changelog in
chameleon-docs
is single
source of truth now. MHDS-1744
- removed windows specific dev code
- Added licenses to all packages
MHDS-1732
chameleon-reset
is just a static css file now. No longer built with sass.
MHDS-1735
- Remove
chameleon-cli
build folder from version control
- Fix
style-dictionary
collision detection warnings in build output.
MHDS-1719
𦦠Otherβ
- π₯ BREAKING: required node version is set to 14 now.
chameleon
will try
to adhere to the Node release cycle.
- Added first draft
nb-winter-2021
- Added first draft
beltel
- Added first draft
indo
- Added first draft
swcom
- Added you can use css-variables in
nb
BrandedHeading to color the text and
border color
- Changed
gva-summer-2020
secondary color will become blueish!
- Changed all line-heights are now unitless on Android, Javascript & Scss. On
iOS they are always absolute values
- BrandedHeading by default no spacing left and right
- Changed BrandedHeading in existing
nb
theme
- Changed Vitesse font-weight to bold to black in existing
nb
theme (updated
cdn v1.0.1 and latest)
React Componentsβ
- Added
sideEffects
to package.json to enable better tree-shaking
- Changed
dayjs
is now a peerDependency
- Changed
name
is deprecated and replaced with as
in Icon
and must be
imported from @mediahuis/chameleon-theme-wl/icons
- Changed
name
is deprecated and replaced with icon
in IconButton
and must
be imported from @mediahuis/chameleon-theme-wl/icons
- Changed
icon
, iconLeft
, iconRight
must be imported from
@mediahuis/chameleon-theme-wl/icons
, string usage is deprecated in Button
,
TextField
, Select
, AutoComplete
, IconButton
, ListItem
,
WideListItem
- Fixed
Accordion
arrow-icon alignment
- Added
/icons
to every theme-package
- Added
chameleon-hmc-nhb
Noordhollands dagblad (Not ready for implementation)
- Added
chameleon-hmc-ld
Leidsch Dagblad (Not ready for implementation)
- Added
chameleon-hmc-hd
Haarlems Dagblad (Not ready for implementation)
- Added
chameleon-hmc-yc
IJmuider Courant (Not ready for implementation)
- Added
chameleon-hmc-ge
Gooi- en Eemlander (Not ready for implementation)
- Changed
chameleon-hmc
Make it the parent theme for the above themes
- Changed
chameleon-hmc
Changed greyscale for better wcag support
- Changed
chameleon-theme-hmc
is deprecated, and will only be used as parent
theme, use chameleon-theme-nhb
to replace it
- Changed
chameleon-theme-gva
is deprecated, use
chameleon-theme-gva-summer-2020
instead
- Changed
chameleon-theme-hbvl
is deprecated, use
chameleon-theme-hbvl-summer-2020
instead
Scriptsβ
- Added a
script
(chameleon-cli-create-theme) to generate a basic theme
- Added last visited theme will be saved
- Added url will now update when changing themes to enable better sharing
- Changed theme-switch to enable more Themes
- Deleted font download, you should ask the theme from now on
React Componentsβ
- Added
Illustrations
component
- Added
forceSelection
to AutoComplete component - you can now enforce a user
to select an item (under the hood we replaced react-autosuggest with DownShift
aswell)
- Added
verticalAlign
to Logo
and Image
component
- Added
position
prop to DatePicker
- Added
es
& cjs
outputs to a new /dist folder
- Added package.json 'module' will now target
'./dist/es/index.js'
- Changed package.json 'main' will now target
'./dist/cjs/index.js'
- Changed the
getting started for developers
guides
- Fixed
DatePicker
will now appear on top of Dialogs
- Fixed when
Dialogs
are nested, only the one most in front will close on
Escape
- Changed fonts
plist
file will fallback on non-existing font-weights
- Added
illustrations
with black and white white-label fallback
- Added extra
font-weight
to gva-summer-2020
(native apps only)
Scriptsβ
- Changed all scripts are now using
mediahuis-scripts