59 posts tagged with "minor"

🚀 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:
  • @babel/runtime: 7.16.3 -> 7.16.7
  • @popperjs/core: 2.11.0 -> 2.11.2
  • @storybook/react: 6.4.5 -> 6.4.12
  • @testing-library/jest-dom: 5.15.1 --> 5.16.1
  • fast-glob: 3.2.7 -> 3.2.10
  • focus-trap: 6.7.1 -> 6.7.2
  • inputmask: 5.0.6 -> 5.0.8-beta.1
  • prop-types: 15.7.2 -> 15.8.1
  • style-dictionary: 3.0.3 -> 3.1.1
• 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​

• Updates to dependencies:
  • @babel/runtime: 7.15.4 -> 7.16.3
  • @mediahuis/scripts: 1.0.2-next.2 -> 1.1.0
  • @testing-library/jest-dom: 5.14.1 -> 5.15.1
  • svgstore: 3.0.0-2 -> 3.0.1

🐛 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:
  • @percy/cli: 1.0.0-beta.68 -> 1.0.0-beta.70
  • @percy/storybook: 4.0.3 -> 4.1.0
  • @popperjs/core: 2.10.1 -> 2.10.2
  • @storybook/react: 6.3.8 -> 6.3.12
  • @testing-library/react: 12.1.1 -> 12.1.2
  • husky: 7.0.2 -> 7.0.4
  • ink: 3.0.9 -> 3.2.0
  • ink-spinner: 4.0.2 -> 4.0.3
  • jest-fail-on-console: 2.0.4 -> 2.1.1
  • pdfkit: 0.12.3 -> 0.13.0
  • plop: 2.7.4 -> 2.7.6
  • react-async-hook: 3.6.1 -> 4.0.0
  • react-popper-tooltip: 4.3.0 -> 4.3.1
  • style-dictionary: 3.0.2 -> 3.0.3
• 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.jsonfiles
• 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:
  • @babel/runtime: 7.14.8 -> 7.15.4
  • @popperjs/core: 2.9.3 -> 2.10.1
  • @storybook/react: 6.3.6 -> 6.3.8
  • @testing-library/jest-dom: 4.2.4 -> 5.14.1
  • @testing-library/react: 9.3.2 -> 12.1.0
  • @testing-library/react-hooks: 7.0.1 -> 7.0.2
  • dayjs: 1.10.3 -> 1.10.7
  • downshift: 6.1.6 -> 6.1.7
  • fast-glob: 3.2.4 -> 3.2.7
  • focus-trap: 6.6.0 -> 6.7.1
  • fs-extra: 8.1.0 -> 10.0.0
  • husky: 7.0.1 -> 7.0.2
  • inputmask: 5.0.3 -> 5.0.6
  • pdfkit: 0.12.1 -> 0.12.3
  • react-day-picker: 7.4.5 -> 7.4.10
  • react-live: 2.2.3 -> 2.3.0
  • style-dictionary: 3.0.0-rc.4 -> 3.0.2
• 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​

• Decouple :visited from :active on buttons MHBESD-50802

🚀 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

🏃‍♀️ Performance​

• 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:
  • @mediahuis/scripts: 0.0.4 -> 1.0.1
  • ink: 2.6.0 -> 3.0.9
  • ink-spinner: 3.0.1 -> 4.0.2
  • ink-testing-library: 1.0.3 -> 2.1.0
  • @testing-library/react-hooks: 3.2.1 -> 7.0.1
  • @svgr/core: 4.3.3 -> 5.5.0
  • @svgr/plugin-svgo: 5.0.1 -> 5.5.0
  • jest-specific-snapshot: 2.0.0 -> 5.0.0
  • @storybook/react: 6.0.5 -> 6.3.6
  • @popperjs/core: 2.4.4 -> 2.9.3
  • react-popper: 2.2.3 -> 2.2.5
  • react-popper-tooltip: 3.1.0 -> 4.3.0
  • husky: 2.7.0 -> 7.0.1
  • classnames: 2.2.6 -> 2.3.1
  • downshift: 6.0.6 -> 6.1.6
  • focus-trap: 5.1.0 -> 6.6.0
  • use-callback-ref: 1.2.4 -> 1.2.5
• 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.

Themes​

• 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

Themes​

• 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

Docs​

• 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

iOS​

• Changed fonts plist file will fallback on non-existing font-weights

Themes​

• 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

Themes​

• Changed Button and IconButton color in chameleon-theme-hbvl-summer-2020
• Added chameleon-theme-hmc (this is just a trial setup, don’t use this in your code yet)

React components​

** Note:** If you are implementing this version on a node-environment, you have to add jsDom, as described in the peerDependencies.

• Added basic Table sorting functionality
• Added loading state to Table
• Fixed inputMask problems in TextField & DatePicker
• Fixed AutoComplete's onBlur functionality:don’tt return null on blur. The AutoComplete will now first focus the TextField when you select an item
• Fixed display: contents warning when using autoprefixer in your project: this functionality is removed and is no longer supported

Tokens​

• Changed internal font-structure to be more independent