59 posts tagged with "minor"

👻 Note: 4.9.0 has been skipped due to a botched release process.

🚀 New Feature​

• Italics! Tokens now support italic style fonts. !1382
• In order to get a better visual sizing for the play button on video teasers, the size is now fluid with a min and max value. !1410
• ListTeaser visual updates: update styling of the datetime and layout dependent on size of surrounding container !1419 and also add an underline on hover !1432
• BrandedHeading component no longer requires an actionLabel. Now, when this prop is omitted, the Chevron icon will be adjacent to the text instead. !1425
• ListTeaser component now has underline on hover. !1432

🐛 Bug Fix​

• Fixed a missing config/cdn.json file in all new MHNO themes. !1430
• Fixed a bug inside the TeaserPremium icon, where on xs breakpoint with size sm it placed the premium-icon on a new-line. !1439
• Fixed an issue with our themes/subthemes setup for CSS. !1442
• Fixed a padding issue on DefaultTeaser. !1448

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.27.6 -> 1.27.7
  • @tokens-studio/sd-transforms: 0.11.6 -> 0.14.1
  • storybook/*: 7.2.2 -> 7.5.16
  • apple/swift-log: 1.5.3 -> 1.5.4
• Updates to docs website:
  • Extra docs for chameleon-react Teasers and TextField, migration document for the upcoming assets unification, and added Dieter to the team. !1404
  • Added breakpoints to foundations !1421
• In addition to updating Storybook to the latest version, we fixed a longstanding bug that caused our own setup not to show the responsiveness of our tokens. !1408
• Make css classes readable in our storybook !1422
• Removed an obsolete fs-extra dependency !1424
• A complete refactor of our demo Android app, marking a great start for @dieter.vaesen! !1413

🎨 Themes​

• chameleon-theme-az now has monochrome weather icons. !1375
• Updated some tokens for chameleon-theme-nhd. !1384
• Updated the icons for all HMC brands and added a newspaper icon to chameleon-theme-wl. !1385
• A warm welcome for no less than 8 (!) new brands that have been added to Chameleon. chameleon-theme-dvn is now joined by its brothers and sisters from the MHNO family: frd, hco, lcd, mco, nos, nof, sco, stw !1366
• Added the accent subtheme for all HMC brands. !1414

🚀 New Feature​

chameleon-react​

• Added an extra visual element to teasers with articleType='podcast'. !1398
• Semi-see-through blurry background for teasers with articleType='podcast'. !1381
• Teasers can now have multiple, different padding values, per size. !1381
• When using the sponsored-content subtheme, there's a possibility to use a premium logo instead of just text. !1383
• Added the hidden subprop to the introductionOptions of <DefaultTeaser /> & <TextOnImageTeaser /> which allows you to responsively show or hide the introduction on those teasers. ATTENTION: this also removes the default behavior where introductions were hidden by default on small breakpoints. !1394

🐛 Bug Fix​

general​

• Fixed some premium logo tokens for all HMC themes using an outdated asset link. !1383

web​

• Fixed an issue on <DefaultTeaser /> when no image was supplied. !1409
• Fixed an issue on <ListTeaser /> premium icons. !1407

native​

• Fixed a typo in the RGBAColor from hex string initializer !1387

app​

🏠 Internal​

• Updates to dependencies
  • @percy/cli: 1.27.6-alpha.0 -> 1.27.6
  • @vitejs/plugin-react: 3.1.0 -> 4.2.1
  • @easyops-cn/docusaurus-search-local: 0.36.0 -> 0.40.1
  • vitest: 0.33.0 -> 0.34.6
  • gradle: 8.4 -> 8.5

🎨 Themes​

• Add missing favicon for chameleon-theme-hub !1374
• Add inverse logos for chameleon-theme-hmc !1371
• Linktext is underlined again in chameleon-theme-hmc, defaults no longer overwrite this !1364
• dark mode added for chameleon-theme-az, chameleon-theme-co, chameleon-theme-lt, chameleon-theme-lw and chameleon-theme-vl (main and subthemes) - and extra fixes in sponsored content themes !1317

🚀 New Feature​

mobile​

chameleon-kotlin​

Tokens​

• Generated code should no longer produce warnings for unused parameters !1363

Components​

These changes are welcome contributions from the Blue team!

• Components have better default values. The names of the components are the names like on web prefixed with Ch for technical reasons !1373
• Run snapshot tests for components !1372
• Workaround for lacking suffix in Zephr sdk for icons, illustrations and logos !1370
• Divider !1329

chameleon-swift​

Tokens​

• Dark mode tokens caused a circular reference when loaded as a reference. !1367
• Fix lineheight for SwiftUI. !1347

Components​

• Icon !1356
• Heading !1353
• List !1341

🏠 Internal​

• Improve error output when generating code for swift/kotlin !1368
• Clean of repo for improved reliability of the chameleon code generation !1365
• swift/kotlin components are released automatically via chameleon pipeline with every other release. This also for the first time includes automated visual tests for swift/kotlin components. !1354
• swift/kotlin components can switch between building agains versioned release or code generated from chameleon develop !1327

🐛 Bug Fixes​

web​

• Fix issue of a wrong css (grid-columns) for horizontal DefaultTeaser with image-left. !1369

🎨 Themes​

tokens​

• chameleon-theme-hbvl-changes !1309:
  • Added Sponsored content
  • Added Soft Theme
  • Added Strong Theme
  • Branded header changes for mobile (lg and md) are now the same.
  • Fixes for contrast
  • Item spacing for teasers (on indent) highlight change
  • Added noto font + Changed default and alt paragraph.
• chameleon-theme-hmc-changes !1290:
  • Updated foundations with new Primary,Secondary and Tertiary.
  • Updated Text.onBackground to match Contrast guidelines
  • Added small fix for fonts sizes on desktop.
  • Fixed font sizing for teasers.
  • Updated the plus-main-long and plus-main.

assets​

• Update brand-icon-logo for chameleon-theme-nb, chameleon-theme-hbvl, chameleon-theme-gva. Update brand-icon-inverse-logo for chameleon-theme-gva, add sub-brand-icon-dg for chameleon-theme-nb. Update brand-icon for chameleon-theme-beltel and chameleon-theme-indo. !1343
• Add your-section-icon for chameleon-theme-lt (and fallback for chameleon-theme-wl). !1346

🏠 Internal​

Mobile​

• Ensure themes are known to gradle without the need to insert them one by one !1338

Docs​

• Updated the docs of Quote !1334
  • Documented how to implement quotation marks.
  • Fixed some typo's.

🚀 New Feature​

Tokens​

• Updated Tag Component for AZ
  • color set to semantic.brand
  • layout set to 4px 8px
  • Font set to secondary and medium and 12px
• Update Asset-docs for CDN
• Dialog component updates MHDS-2488
  • Update DVN Input
  • divider: color.neutral.30 is used in the react component but it should be the semantic border token (or the divider token)
  • borderRadius: component specific token needed

web​

mobile​

chameleon-kotlin​

• Token names that had numbers in them got split wrong. For example plus26Logo got split into plus26_logo instead of plus_26_logo. This is now fixed.

chameleon-swift​

• Stabilize build by adding file with all version numbers of the dependencies back into the release repo.
• Stable version of swift-string 1.0.0. Which is more correct in transforming to camelCase or snake case than the previous version.
• Plugins that generate the token code should run less often as they now have an input file allowing the build engine to skip building them if nothing changed.
• Temporary fix for inconsistent token issue where tokens like token26xl were not dynamically available. This was due to an inconsistency in dependency swift-string which transformed it to token26Xl with Xl instead of xl. This is now fixed by using the camelCase function of the same dependency.

Note: A more elaborate change is comming making token lookup for swift/kotlin more consistent and beter usable with, follow MHDS-2493

🏠 Internal​

• Release procedure allows release from up to date branch, or prepare changelog before release
• Release of chameleon-swift not updating after version 4.3.1. Some versions where skipped inbetween 4.3.1 and 4.5.0 which was released on 24-11-2023 for chameleon-swift (later then other platforms)
• Release procedure should push the tag with the version number correctly triggering pipeline job to release it.
• Run scheduled build of the kotlin-tokens to ensure its quality daily.
• Updates to dependencies
  • @percy/cli: 1.26.0 -> 1.27.6-alpha.0
  • @percy/storybook: 4.3.6 -> 5.0.0

🚀 New Feature​

web​

• Added video-icon on TextOnImageTeaser when articleType is video !1305

kotlin-tokens​

• Figma, css and zephr backend tokens can differ in casing, separator used (_-.), and special characters. To make this more flexible we now convert the token name to snake case and remove special characters. To do so we introduced a feature that lets you describe tokens more safe using enums. These enums are especially usefull when building components so an implementer can pick an enum instead of any string value !1299.

• Centralize versions for chameleon && move to kotlin 1.9.20. Whit this move we now offer a file named versions.toml that can be used in the components package to align the versions of the token package. Thus removing lots of manual work to change version numbers in serveral places which could lead to inconsistant build results. !1311

• [unresolved] Open issue remains to align this token string to value mapping by using snake casing with swift-tokens. This issue is described in MHDS-2493

tokens​

• chameleon-theme-wl and chameleon-theme-dvn Modify borderRadius in dialog !1314
• chameleon-theme-dvn Modify borderRadius in input !1314

chores​

• Fix examples install issue with pnpm !1306
• Whole lot of docsite fixes !1321
• Add format option optionally to husky, this is an opt-in option that is set by setting the CHAMELEON_PRECOMMIT to true env !1308
• Update to fs-extra dependency !1320

🐛 Bug Fix​

web​

• Fix Logo imports that causes warnings in webpack 5 !1319

tokens​

• Fix text-decoration inside RelatedTeaser for AZ !1325

Key Updates: Mobile Improvements and a small fix for Teasers.

🚀 New Feature​

mobile​

Chameleon-Kotlin Updates:​

Introduced a new theme provider in our Kotlin-based applications for a more personalized user experience.

Chameleon-Swift Adjustments:​

Improved mathematical functionality to support direct number input.

chameleon-kotlin​

features​

Add theme provider for individual theme !1269

chores​

• format code after generating it
• update plugin com.android.library to v8.1.3
• update kotlin 1.9.10 with related compose dependencies
• codegen kotlin/pipeline test results missing !1282
• update gradle to 8.4 !1236

chameleon-swift​

fixes​

• math should allow numbers directly !1281

chores​

• fix factory dependency to 4.3.1 !1289

🏠 Internal​

• chore(release): automate release procedure
• fix(chameleon-native-publish): more generic to allow publish of components !1285

🐛 Bug Fix​

web​

• Raise Specificity of the Heading inside the Teaser, to prevent the underlying Header to overwrite it !1276

🎨 Themes​

• Updated the value of semantic.foreground.accent.adaptive.default.fill (for teaser label) and semantic.foreground.base.adaptive.default.fill (general text color) to match the Figma designs for chameleon-theme-lw !1260

🚀 New Feature​

• New automated CDN using Focus. More info

web​

• <DefaultTeaser /> and <TextOnImageTeaser /> now support clamping of the introduction. This is done via the introductionOptions property (where clamp is set to an amount of lines). More info

mobile​

chameleon-kotlin​

• Add support for tokens with different features

  • boolean: a bool value to activate features in a component
  • composition: type used to describe padding
  • dimension: dimensions of a component
  • format: format strings describing (like date format)
  • gradient: data to form a gradient, no drawing code yet
  • number: various numbers to be used in designs
  • sizing: the size of breakpoints
  • textDecoration: underline/strikethrough/... text

• Add drawable assets for all themes

  • x icon to social-x
  • 💥 BREAKING: the naming of the drawables changed to theme-name-kind where kind is icon, illustration or logo

• Support for Typography in both compose and for legacy Typeface

  • increase and decrease the font size of a typography token to any desired value

chameleon-swift​

• increase and decrease the font size of a typography token to any desired value

🐛 Bug Fix​

web​

• Raise the specificity for the title inside the <DefaultTeaser /> component, so its color doesn't get overridden. !1254.

🎨 Themes​

• Onboarded Dagblad van het Noorden. Welcome chameleon-theme-dvn! !1161 !1205
• Added input.placeholder.fill for all themes. !1196
• Updated color.primary.60 for chameleon-theme-lw, resolving an a11y contrast issue. !1163
• Updated semantic.foreground.base.adaptive.soft.fill for chameleon-theme-ge, chameleon-theme-hd, chameleon-theme-nhd, chameleon-theme-yc and chameleon-theme-ld; resolving an a11y contrast issue. !1191
• Updated teaser.background.highlight.fill for chameleon-theme-az. !1193
• Updated branded-heading typography tokens for chameleon-theme-lw. !1220
• Updated tag.typography.font.size for chameleon-theme-co. !1220

🚀 New Feature​

general​

• Added the new X (formerly known as Twitter) icon as social-x. !1242 !1251

chameleon-react​

• A big update to our new teaser components: making sure they are fully SSR! Major kudos @wannes.debacker! 💫 !1186
• This release brings yet another new teaser component! Welcome to our component family, <RelatedTeaser />! !1187
• Another new addition to said component family, <Quote />! !1179
• You can now supply dateTimeOptions to all teaser components. (this replaces the dateTimeFormat prop, which is technically a breaking change! 💥) !1219
• The articleType prop on <DefaultTeaser /> received an extra option "podcast" . !1214

🐛 Bug Fix​

general​

• Backported the new Arnhem fonts for chameleon-theme-ds to legacy as well. !1247

web​

• Fixed an issue on iOS mobile safari making icons in <IconButton /> too small. !1190
• Fixed an issue with the <Stack /> component hindering you from setting inline styles. !1189

app​

• Fixed an issue with boxshadow and border tokens containing references. !1172
• Fixed an obscure issue in turkish locales where the percentage sign is placed differently. !1167

🏠 Internal​

• Added Renovate! We switched our dependency updater from Dependabot to Renovate for a smoother workflow. !1100
• Our token setup is never finished, we keep improving it. This time by more dogfooding in our own components. !1169
• Reworked our native install and publish scripts, moving away from chameleon-swift-scripts !1170
• Added a pre-release-ceremony script you should run before publishing chameleon packages. !1185
• Added JUnit style test reports to our CI setup. !1202 !1208
• Web typography tokens can now use italic font-styles !1221
• Moved to Swift 5.9 !1195
• Releases from CI! !1198
• style-dictionary for Swift output now also uses ts/resolveMath !1216
• Allow development against new macOS versions including the new Sonoma !1166
• Updates to dependencies
  • @docusaurus/core: 2.4.0 -> 2.4.3
  • @docusaurus/preset-classic: 2.4.0 -> 2.4.3
  • @docusaurus/theme-common: 2.4.0 -> 2.4.3
  • @easyops-cn/docusaurus-search-local: 0.35.0 -> 0.36.0
  • @mediahuis/scripts: 2.0.0 -> 2.1.0-next.2
  • @tokens-studio/sd-transforms: 0.10.1 -> 0.11.6
  • androidx.lifecycle:lifecycle-runtime-ktx: 2.6.1 -> 2.6.2
  • apple/swift-crypto: 1.0.0 -> 1.1.7
  • apple/swift-log: 1.4.4 -> 1.5.3
  • com.android.library: 8.1.1 -> 8.1.2
  • doozMen/swift-snapshot-testing-cli: 1.0.0 -> 1.0.1
  • hmlongco/Factory: 2.3.0 -> 2.3.2
  • Zollerboy1/SwiftCommand: 1.3.0 -> 1.4.0
  • org.jlleitschuh.gradle.ktlint: 11.5.0 -> 11.6.1

The Big Tease(r)!​

Our Chameleon 4.0.0 release is not even cold, and yet here we are with a 4.1.0 release! Not a major version, but nonetheless another major leap forward: this release brings you teasers and subtheming.

🎨 Themes​

• Subtheming! We're taking our first baby steps in harnessing the power our new token setup brought. The first themes getting this upgrade are:

  • chameleon-theme-az: sponsored-content
  • chameleon-theme-lw: sponsored-content and accent
  • chameleon-theme-lt: sponsored-content and accent
  • chameleon-theme-vl: sponsored-content and accent
  • chameleon-theme-co: sponsored-content and accent !1145

• The styling for BrandedHeading has been improved for chameleon-theme-lw, chameleon-theme-lt, chameleon-theme-vl and chameleon-theme-co. !1131

• Updates the placeholder illustration for chameleon-theme-indo. !1141

• Updates the complete icon set for chameleon-theme-az. This also adds puzzle and puzzle-fill icons for all brands. !1141

• A slew of token updates for chameleon-theme-ds, chameleon-theme-hmc, chameleon-theme-nb and chameleon-theme-hmc. !1151 !1157

• Added the XTR logo (brand-sponsored-content) for chameleon-theme-ds !1160

🚀 New Feature​

chameleon-react​

• Teasers! This release marks Chameleon's first adventure into larger component territory. In this version, we bring you <DefaultTeaser />, <TextOnImageTeaser /> and <ListTeaser />. !1073
• <Tag />, you’re it! A brand new, small, but necessary addition to our component library. !1108
• A new block prop has been added to <LinkText />. !1121
• The <AutoComplete /> component now marks your search query in the suggestions by default. !1139

🐛 Bug Fix​

web​

• We’ve added stylelint-value-no-unknown-custom-properties to our setup, which immediately brought some CSS oversights from our 4.0.0 release to light. !1135
• We’ve made some fixes to our <AutoComplete /> component in chameleon-react. Specifically:
  • the onInputChange handler nog longer fires when selecting a suggestion.
  • The loader now also shows when there are no suggestions yet. !1139
• Fixed an issue with cdn-logos.js import. !1143
• Fixed an issue with convertDateToTimeZone. !1148
• Fixed an issue with brand-square-icon-name-horizontal-white CDN logo config for chameleon-theme-az. !1154

app​

• Gave a bit more love to our lib-android export. !1138
• Fixes an issue with camelcasing in tokens. !1137

🏠 Internal​

• We’ve updated the minimum required react version to 16.14.0 !1142