Design Systems (2025-09-29)

Mercury 0.32.0

• Removed the padding-inline in the button-tertiary class by @bsastregx in #651

Breaking changes

• Removed the padding-inline in the button-tertiary class by @bsastregx in #651

  Before	After

Full Changelog: v0.0.223...v0.0.224

v0.0.223

Mercury 0.31.0

• [chat] Added official styles for the Chat component, improved markdown-viewer styles and added assistant-fill icon by @bsastregx in #594

• [combo-box][pill] Fixed the popover max size not working in some situations for the combo-box and pill components by @ncamera in #637

Chat

• Add a custom item render for the renderItem property. Some features that the mercury custom item render includes are:

  • Styles for differentiating error, warning, and success status messsages.
  • A "header" for the assistant message, that displays an avatar, the assistant name, and the message time.
  • A "copy" button for copying the message.
  • A classical "three dots" animation for the "waiting" message type.

• A MercuryMessageMetadata type for the ChatMessage metadata is now exported in @genexus/mercury:

  type MercuryChatMessageMetadata = {
    agentName: string;
    time?: string;
  }

• Improved code block styles

  Before	After

• Support for uploading files (audio, video, image, and application/file)
  

Markdown viewer

• Styles for the markdown viewer has been improved to match the Figma designs.

Breaking Changes

Mercury

Important

Use @genexus/chameleon-controls-library version >= 6.22.1

• The size of the markdown-viewer headings has been reduced.

Full Changelog: v0.0.220...v0.0.222

v0.0.220

Design Systems (2025-09-04)

• [mercury][icons][objects] Add objects/assistant icon by @bsastregx in #629

Full Changelog: v0.0.219...v0.0.220

v0.0.219

Design Systems (2025-08-20)

Mercury 0.28.6

• [dialog] Remove --ch-dialog-max-inline-size from the dialog element by @bsastregx in #623
• [dialog] Add focus style to the dialog header close button.. by @bsastregx in #624
• [switch][button] Fix focus outline color on button-secondary (updated to primary) and add focus-visible styles to switch. by @bsastregx in #626

Full Changelog: v0.0.215...v0.0.219

v0.0.215

Design Systems (2025-08-15)

Mercury 0.28.4

• [dialog] Add border-color and border-radius to Dialog by @bsastregx in #619

• UI updates on dialog: add border-radius, add border-color, and use background and border-color that works with elevation-* classes (by default background-color and border-color are elevation-1).

Before

---

After

v0.0.214

Design Systems (2025-08-12)

Mercury 0.28.1

• [combo-box][paginator] Use a chevron icon for the combo-box picker, that affects the paginator as well, since it uses a combo-box by @bsastregx in #606

• [dropdown] Add focus outline style to part::(expandable-button) by @bsastregx in #609

Full Changelog: v0.0.210...v0.0.214

v0.0.210

Design Systems (2025-06-16)

Mercury 0.26.0

• Added fix on Paginator custom order style by @jonatan-reto in #575
• Add new system icons by @bsastregx in #592

Breaking Changes

• Fix disabled styles for checkbox label, combo-box, and radio-group label by @bsastregx in #591

Note: Although PR #591 is techically a fix, we consider a breaking change, since the UI will appear different.

Full Changelog: v0.0.207...v0.0.210

v0.0.207

Design Systems (2025-05-09)

Mercury 0.25.0

• Add version-frozen icon by @bsastregx in #573

Name	Icon	getIconPath
version-frozen		{category: "objects", name: "version-frozen"}

Full Changelog: v0.0.206...v0.0.207

v0.0.206

Design Systems (2025-05-07)

Mercury 0.24.0

• Add Switch to the showcase by @bsastregx in #570

  Preview: https://mercury-showcase.genexus.com/mercury/components/switch

  

Full Changelog: v0.0.203...v0.0.206

v0.0.203

Design Systems (2025-05-06)

Mercury 0.23.0

• [icons] Update Angular icon to match the new branding by @bsastregx in #555

• [icons] Add new icons on BPM category by @bsastregx in #556

  Name	Icon	getIconPath
  embedded-subprocess		{category: "bpm", name: "embedded-subprocess", colorType: "*"}
  exclusive		{category: "bpm", name: "exclusive", colorType: "*"}
  inclusive		{category: "bpm", name: "inclusive", colorType: "*"}
  none-task		{category: "bpm", name: "none-task", colorType: "*"}
  pool		{category: "bpm", name: "pool", colorType: "*"}
  text-anotation		{category: "bpm", name: "text-anotation", colorType: "*"}

• [icons] Add new icons on Editing Structures category by @bsastregx in #557

  Name	Icon	getIconPath
  attribute-foreign-description		{category: "editing-structures", name: "attribute-foreign-description"}
  attribute-foreign		{category: "editing-structures", name: "attribute-foreign"}
  attribute-formula-description		{category: "editing-structures", name: "attribute-formula-description"}
  attribute-formula-image		{category: "editing-structures", name: "attribute-formula-image"}
  attribute-formula-inferred		{category: "editing-structures", name: "attribute-formula-inferred"}
  attribute-formula-redundant		{category: "editing-structures", name: "attribute-formula-redundant"}
  attribute-formula-subtype-inferred		{category: "editing-structures", name: "attribute-formula-subtype-inferred"}
  attribute-image		{category: "editing-structures", name: "attribute-image"}
  attribute-inferred-description		{category: "editing-structures", name: "attribute-inferred-description"}
  attribute-inferred		{category: "editing-structures", name: "attribute-inferred"}
  attribute-key-description		{category: "editing-structures", name: "attribute-key-description"}
  attribute-key-foreign-description		{category: "editing-structures", name: "attribute-key-foreign-description"}
  attribute-key-foreign		{category: "editing-structures", name: "attribute-key-foreign"}
  attribute-key-subtype-description		{category: "editing-structures", name: "attribute-key-subtype-description"}
  attribute-key-subtype-foreign-description		{category: "editing-structures", name: "attribute-key-subtype-foreign-description"}
  attribute-key-subtype-foreign		{category: "editing-structures", name: "attribute-key-subtype-foreign"}
  attribute-key-subtype		{category: "editing-structures", name: "attribute-key-subtype"}
  attribute-redundant		{category: "editing-structures", name: "attribute-redundant"}
  attribute-subtype-description		{category: "editing-structures", name: "attribute-subtype-description"}
  attribute-subtype-foreign-description		{category: "editing-structures", name: "attribute-subtype-foreign-description"}
  attribute-subtype-foreign		{category: "editing-structures", name: "attribute-subtype-foreign"}
  attribute-subtype-inferred-description		{category: "editing-structures", name: "attribute-subtype-inferred-description"}
  attribute-subtype-inferred		{category: "editing-structures", name: "attribute-subtype-inferred"}
  attribute-subtype-redundant		{category: "editing-structures", name: "attribute-subtype-redundant"}
  attribute-subtype		{category: "editing-structures", name: "attribute-subtype"}

• Optimize loading of custom fonts by splitting them by unicode-range, saving up to 85KB for each downloaded custom font variant by @ncamera in #559

  We are now saving 85KB~ for each custom font variant downloaded to the client. Most common use case (latin languages):

  Variant	Before	Now
  Regular	109KB	24KB
  Bold	111KB	24.6KB
  SemiBold	112KB	24.6KB
  Regular Italic	115KB	25.4KB

• [segmented-control] Update style to match Figma design by @bsastregx in #560

• [paginator] Adding styles for Paginator by @jonatan-reto in #518

• Fix broken red colors for Globant variant by @ncamera in #566

Showcase

• [accordion] Simplify disabled cases by showing minimal markup, and other improvements... by @bsastregx in #515

• [segmented-control] Update style to match Figma design by @bsastregx in #560

• [paginator] Adding showcase page for Paginator by @jonatan-reto in #518

• Refactor the code block renders to improve and optimize the results by @ncamera in #562

Breaking Changes Mercury

• [icons][editing-structures] redundant-attribute has been renamed to attribute-redundant by @bsastregx in #557

• [segmented-control] Now you have to apply .segmented-control-filled class on the ch-segmented-control-render.
  Otherwise your current ch-segmented-control-render will loose styling.

Important

Use @genexus/chameleon-controls-library version >= 6.7.0

New Contributors

• @jonatan-reto made their first contribution in https://github.com/genexuslabs/des...