187 posts tagged with "changelog"

✨🌈 Time to shed that old skin: welcome Chameleon 4.0.0!​

Remember our old design token setup? Our new major version is a complete overhaul of our design token setup, making the old one look like a chameleon in a black and white movie. #NewSkinWhoDis?

Be sure to check out our migration guide to help guide you through the process of upgrading.

🎨 Themes​

• 💥 BREAKING: We’ve completely overhauled our design token setup. Don't worry, we’ve also provided a way to keep using the legacy setup for now. Be sure to check out our migration guide. (In the process of doing so, there have been numerous little tweaks to a lot of themes.)

🚀 New Feature​

• <a> tags are able to look like buttons now when placed in <RichContent /> component. !1104
• Added a pickerFooter prop to our <DatePicker /> component. !1071
• Added a timeZone prop to our <DateTime /> component. !1014

🏠 Internal​

• Updates to dependencies
  • react-day-picker: 7.4.10 -> 8.7.1
  • storybook/*: 6.5.16 -> 7.0.9
• Our design tokens are now synced with Figma Tokens Studio.
• Total revamp of chameleon-scripts.
• Lots of performance updates to our CI setup and a lot more yet to come.
• Switched from yarn to pnpm package manager. !1098
• Switched from jest to vitest testing library. !1098
• Drastically improved our CI workflow for Percy snapshot testing !1074
• Started stylelinting our .css files. !1028
• Migrated to storybook v7 !949

🦦 Other​

• 💥 BREAKING: in the process of upgrading to our new setup, there have been numerous tweaks to all of our chameleon-react components. Be sure to check out our migration guide.
• 💥 BREAKING: regarding fonts, our web packages will only contain .woff2 files from now on.
• 💥 BREAKING: chameleon-react and chameleon-swift have had to make some changes, again, please check out our migration guide.

🎨 Themes​

• Updated brand, & brand-fil icons for chameleon-theme-lt. !986
• Updated the Arnhem font to include more glyphs and made some minor edits to the typography scale for chameleon-theme-ds. !1040
• Updated all logos, favicons and color foundations for chameleon-theme-indo. !1042 !1044 !1047

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.21.0 -> 1.26.1
  • @percy/storybook: 4.3.5 -> 4.3.6
• Major updates to our CI pipeline including a dockerized node_modules approach. !862

🐛 Bug Fix​

• Fixed an issue with the image-placeholder illustrations for chameleon-theme-lt and chameleon-theme-lt !964

🎨 Themes​

• Updated brand-main, brand-square-icon-name-horizontal & brand-square-icon-name-horizontal-white for chameleon-theme-az. !951

🎨 Themes​

• We’ve updated the brand and brand-fill icons for chameleon-theme-co. !944

🚀 New Feature​

• We’ve added new icons country and country-fill. !929

🎨 Themes​

• We’ve added new external-link icon design for chameleon-theme-nb, chameleon-theme-gva, chameleon-theme-hbvl and for chameleon-theme-wl. !929
• chameleon-theme-co, chameleon-theme-tc & chameleon-theme-lt now have monochrome instead of polychrome weather icons. !929, !932
• We’ve updated the brand and brand-fill icons for chameleon-theme-lt, chameleon-theme-co and chameleon-theme-tc. !929
• The locale used for chameleon-react datepicker is now de-de instead of fr-fr for chameleon-theme-tc. !923
• Due to the addition of the country and country-fill icons, the pin and pin-fill icons in chameleon-theme-lw and chameleon-theme-vl are now reverted to their original design (a location pin). !932

🏠 Internal​

• Updates to dependencies
  • vite-plugin-ssr: 0.4.99 -> 0.4.100
• Updated to swift 5.8 !920

🐛 Bug Fix​

• For chameleon-theme-co and chameleon-theme-lt the CDN was missing the brand-name-white logo. !880

🎨 Themes​

• Updated the dateTimeFormatDate token value for chameleon-theme-co !895
• Remove drop shadows plus logos in chameleon-theme-indo !900

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.20.2 -> 1.21.0
  • inputmask: 5.0.8-beta.72 -> 5.0.8
  • vite: 4.1.4 -> 4.2.1
  • vite-plugin-ssr: 0.4.91 -> 0.4.99
• Updated to swift 5.7.3 & simplified swift pipeline !881

🐛 Bug Fix​

• For chameleon-theme-co and chameleon-theme-lt the CDN was missing the brand-name-white logo. !880

🎨 Themes​

• Updated the focus color for chameleon-theme-lt !859

🏠 Internal​

• Updates to dependencies
  • @easyops-cn/docusaurus-search-local: 0.34.0 -> 0.35.0
  • @percy/cli: 1.18.0 -> 1.20.2
  • jest-environment-jsdom: 29.4.3 -> 29.5.0
  • vite-plugin-ssr: 0.4.87 -> 0.4.91
• Updated our CI artifact expiry policy. !852
• Swift tests are now ran using native test parsing !854

🐛 Bug Fix​

• In chameleon-swift the system italic font is now actually italic, it was incorrectly shown as regular. !842

🎨 Themes​

• For chameleon-theme-indo, the brand-plus-main and brand-plus-main-white logos have been updated !848
• A new illustration named region has been added !847

🏠 Internal​

• Updates to dependencies
  • @babel/runtime: 7.20.13 --> 7.21.0
  • @easyops-cn/docusaurus-search-local: 0.33.6 -> 0.34.0
  • @percy/storybook: 4.3.4 -> 4.3.5
  • jest-environment-jsdom: 29.4.2 -> 29.4.3
  • vite-plugin-ssr: 0.4.77 -> 0.4.87
  • vite: 4.1.1 -> 4.1.4
  • yargs: 17.6.2 -> 17.7.1

🐛 Bug Fix​

• For chameleon-theme-lw, some text color tokens were wrongly mapped internally. In practice this doesn't really change any values, as coincidentally, the underlying values happened to be correct. !601
• Small improvement in <Stepper /> responsiveness. !684, !734
• Fixes a font issue with "Nuacht Serif Headline" in Windows environments for chameleon-theme-indo and chameleon-theme-beltel. !709
• Fixed the font-weights in chameleon-theme-ds. !713
• Fixed: <Accordion> children aren't allowed to be null or undefined when they're not the sole child. !748
• Fix logos for chameleon-theme-vl. !770
• Fix favicons for chameleon-theme-lt. !770

🚀 New Feature​

• 🚀 Welcome to the Chameleon family: chameleon-swift! Beginning with this release we also publish a Swift library for Chameleon via Swift Package Manager. Note, this is a 💥 BREAKING change as the lib/ios output folder in all NPM packages has been removed. !490
• We’ve added success states for some form components in chameleon-react: <Textarea> and <Select>. !671, !682
• We’ve added an error state for <Switch> in chameleon-react. !675
• Some new icons have been added: plate, plate-fill, plate-half, star-half (for ratings) and play-fill (for podcasts). !698, !757
• We updated the <Accordion /> component. Notably:
  • it now uses <details> > <summary> under the hood
  • an onChange callback prop has been added (called whenever another item inside gets expanded)
  • it now has a better focus style !631
• We’ve added <table> styling in <RichContent> for chameleon-react. !740
• There's a new component in town: <Dropdown>! A Dropdown is a contextual menu that you can anchor to a a component of your choosing (usually a Button). It uses a WideList component under the hood. 💥 BREAKING change: to accomodate this new component we’ve made 2 changes to WideList:
  • the clickable prop no longer adds a <ChevronForward /> icon by default to show that it is clickable.
  • the icon and iconColor props have been removed and 2 new props are added: iconLeft and iconRight. !740

🎨 Themes​

• <BrandedHeading /> actions are no longer hidden on smaller screens for chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-co, chameleon-theme-tc and chameleon-theme-hub !648
• Welcome chameleon-theme-vl, our chameleon implementation for Virgule. !685
• Sending some extra love to chameleon-theme-ds:
  • Updated the illustrations to make them more branded
  • Tweaked design tokens !742, !725
• Updated the foundations for chameleon-theme-co and chameleon-theme-lt. !744
• Updated the external icon for chameleon-theme-hub, chameleon-theme-vl, chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-co and chameleon-theme-tc !744, !791
• Updated some font-sizes/line-heights & the design of the <BrandedHeading> for chameleon-theme-indo and chameleon-theme-beltel. !754, !764
• Updated the fonts for chameleon-theme-gva-summer-2020. All fonts have been reexported from Monotype and we’ve now included a bold weight for the primary and secondary font. !765
• Update brand & brand-fill icon for chameleon-theme-ds !770, !788
• Update and add star ratings icons for chameleon-theme-nb, chameleon-theme-gva and chameleon-theme-hbvl !770
• Adds missing BrandNameWhite logos for chameleon-theme-co and chameleon-theme-lt !803
• Updated the alias.focusColor token for chameleon-theme-mh !785

🏠 Internal​

• Updates to dependencies
  • @babel/runtime: 7.19.0 -> 7.20.13
  • @mediahuis/scripts: 1.3.1 -> 2.0.0
  • @percy/cli: 1.12.0 -> 1.18.0
  • @storybook/builder-webpack5: 6.5.13 -> 6.5.16
  • @storybook/manager-webpack5: 6.5.13 -> 6.5.16
  • @storybook/react: 6.5.13 -> 6.5.16
  • chalk: 5.1.2 -> 5.2.0
  • dayjs: 1.11.5 -> 1.11.7
  • husky: 8.0.1 -> 8.0.3
  • inputmask: 5.0.8-beta.47 -> 5.0.8-beta.72
  • jest-environment-jsdom: 29.1.2 -> 29.4.2
  • tinycolor2: 1.4.2 -> 1.5.2
• Updated to Node v18 !628
• Rewrote our chameleon-cli package. !711
• We started using Gitlab's Merge Request Pipelines !812

🦦 Other​

• 💥 BREAKING: in <AutoComplete /> the deprecated onSuggestionSelected prop is now removed (use onSelect instead). !626
• 💥 BREAKING: in <Choice /> we’ve renamed the caption prop to message. Update your implementations from <Choice caption="..." /> to <Choice message="..." /> !662
• 💥 BREAKING: in <IconButton /> the deprecated name prop is now removed (use icon instead). !626
• 💥 BREAKING: the deprecated <Image /> component is now removed. !626
• We changed the look of <Choice type="radio" /> a little bit. It's now clearer that this has radio functionality. !634
• The calendar icon in <DatePicker /> moved to the right of the input field. !636
• We’ve made some improvements to the design of sortable tables which makes things more clear and accessible. !677
• 💥 BREAKING: Fixed the readOnly prop on <DatePicker> in chameleon-react and added a pickerInputOnly prop. !732
• 💥 BREAKING: we’ve renamed all our theme packages to be compliant with Mediahuis' Entity & Brand Codes. So starting with this version number, you may need to install a different package. A short summary:

  • chameleon-theme-gva-summer-2020 -> chameleon-theme-gva

  • chameleon-theme-hbvl-summer-2020 -> chameleon-theme-hbvl

  • chameleon-theme-hmc-ge -> chameleon-theme-ge

  • chameleon-theme-hmc-hd -> chameleon-theme-hd

  • chameleon-theme-hmc-ld -> chameleon-theme-ld

  • chameleon-theme-hmc-nhd -> chameleon-theme-nhd

  • chameleon-theme-hmc-yc -> chameleon-theme-yc

  • chameleon-theme-nb -> chameleon-theme-nb-legacy

  • chameleon-theme-nb-winter-2021 -> chameleon-theme-nb

  • chameleon-theme-swcom -> chameleon-theme-sw

  • chameleon-theme-wort-de -> chameleon-theme-lw

  • chameleon-theme-wort-en -> chameleon-theme-lt

  • chameleon-theme-wort-pt -> chameleon-theme-co

  • chameleon-theme-wort-tc -> chameleon-theme-tc

    !761