75 posts tagged with "minor"

🐛 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

React components​

• Added max-width to widthProps system props
• Added size & appearance to BrandedHeading
• Fixed a bug with flex-shrink system prop
• Fixed the Nieuwsblad cdn-url cdn in Font
• Fixed the bundled files now include the correct cdn-links

Tokens​

• Updated GvA Grey colors (light, base, dark)

React components​

• Added Tooltip component.
• Added Widelist component.

Tokens​

• Updated GvA Grey colors.

React components​

• Added Text component.
• Added Table component.
• Added Avatar component.
• Fixed Label margin in Select component.
• Added flexParentProps to system props.

React components​

• Added Accordion component.
• Added Autocomplete component.
• Added missing propTypes to ListItem component.
• Added maxHeight prop to the system.

Tokens​

• Added Marketing Colors.