Skip to main content
Skip to main content

Design kit 2.0.0-64

Published: Jul 14, 2026

This library version corresponds with the following code package versions:

  • jh-tokens: 2.0.0-beta.9
  • jh-icons: 2.0.0-beta.9
  • jh-elements: 2.0.0-beta.15
  • jh-datasets: 2.0.0-beta.1

Added

Icon

  • Added extra extra large variant

List item

  • Added slot/default instance swap property
  • Added component variables:
    • jh/list-item/color/background/disabled
    • jh/list-item/color/background/selected-disabled
    • jh/list-item/color/text/primary/focus
    • jh/list-item/color/text/primary/hover
    • jh/list-item/color/text/primary/active
    • jh/list-item/color/text/primary/selected
    • jh/list-item/color/text/primary/disabled
    • jh/list-item/color/text/primary/selected-disabled
    • jh/list-item/color/text/secondary/focus
    • jh/list-item/color/text/secondary/hover
    • jh/list-item/color/text/secondary/active
    • jh/list-item/color/text/secondary/selected
    • jh/list-item/color/text/secondary/disabled
    • jh/list-item/color/text/secondary/selected-disabled
    • jh/list-item/color/border/selected-disabled/
    • jh/list-item/space/padding/top
    • jh/list-item/space/padding/bottom
    • jh/list-item/opacity/disabled

Progress

  • Added extra small variant
  • Added extra large variant
  • Added extra extra large variant

Tooltip

  • Added component variable jh/tooltip/size/max-width for customizing the max-width of the tooltip

Changed

Button

  • Updated progress instances

Input - Textarea

  • Changed background color of field to transparent on readonly variants

List item

  • Applied component revised component variables
  • Changed component variables:
    • jh/list-item/color/background to jh/list-item/color/background/enabled
    • jh/list-item/color/text/primary to jh/list-item/color/text/primary/enabled
    • jh/list-item/color/text/secondary to jh/list-item/color/text/secondary/enabled

Progress

  • Changed structure of circular variant to ensure sizes are consistent with similarly named icon sizes

Utilities

  • Changed alignment of scrollbar stroke to be inside
  • Changed width of scrollbar to match Chrome implementation

Removed

List item

  • Removed slot/content instance swap property
  • Removed showMetadata boolean property
  • Removed slot/metadata instance swap property
  • Removed component variables:
    • jh/list-item/color/text
    • jh/list-item/metadata/color/text/primary
    • jh/list-item/metadata/color/text/secondary