Skip to content

CSS v1.2.1 & Design Tokens v2.1.1
Compare
Choose a tag to compare
@joseph-eccles joseph-eccles released this 17 Jan 11:19
· 123 commits to main since this release
v1.0.0
52ce262
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

CSS v1.2.1

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

Features 🚀

  • New styles for selected state on data table
  • New offset grid column classes
  • New styles for aria disabled attribute
  • New utility classes for accessibility
  • New utility classes for controlling the display of elements
  • New utility classes for applying flexbox behaviors to elements
  • New utility classes for controlling the opacity of elements
  • New utility classes for common text styling to control styles, alignment, whitespace and wrapping
  • New utility classes for controlling the vertical alignment of an inline or table-cell box
  • New trigger element added for tooltip
  • New selected colours for checked items in multi select

Fixes 🎨🐛

  • Progress Stepper: Current step now themeable
  • File Upload: Text no longer overflows on small screen and spacing increased between file name and link
  • Text Input: Form label on success state now uses success colour instead of default colour
  • Text Input: Line-height removed from validation label on error state
  • Typography: Margin-bottom of paragraph changed from 20px to 16px
  • Action Bar: Padding-left removed from first item
  • Checkbox: Replaced check mark SVG icons with CSS now used to create them and enable theming
  • Breadcrumb: Replaced arrow SVG icons with CSS now used to create them and enable theming
  • Date Picker: Replaced arrow SVG icons with CSS now used to create them and enable theming
  • Branding: Dark background class added

Design Tokens v2.1.1

Features

  • New Tokens for global disabled colours
  • New Tokens for interactive states hover and selected
  • New Tokens for action colours
  • New Tokens for brand secondary colours
  • New Tokens for global colours
  • New Tokens for Opacity 15 and 25 values
  • New tokens - font family heading and eyebrow
  • New tokens - font weight
  • New token for made-letter-spacing-eyebrow
  • New tokens for Line height single, default, heading
  • New border radius tokens
  • Token values are not cascaded in json format.
  • Deprecated tokens are flagged and are now in dedicated depreacted file. If you need to continue using these tokens you will need to import seperately.
  • Themeable tokens are flagged and are now in dedicated tokens file.

Fixes

  • Global feedback colour changed name from color-brand- to color-feedback-
  • Form token made-forms-color-border-default value change from gray 03.5 to gray 05
  • Fallback fonts added to Font family token values
  • made-color-feedback-error value changed to #EE0000
  • made-color-feedback-success value changed to #038A00

Tokens to be deprecated

  • Review Storybook documentation under Colors -> Deprecated tokens.
    Contact Made. Team is using any of these tokens and we can review timelines for removing deprecated tokens.
Assets 4
Loading