Published: Oct 04, 2022

Added

• Added nested instance properties where appropriate to expose properties of nested components
• Added variant properties to accommodate necessary structural and stylistic overrides

Aspect ratio

• Added description

Avatar

• Added link to documentation
• Added isMax property to configure display of overflow avatar

Badge

• Added link to documentation

Button group

• Added link to documentation
• Added discrete position-based border styling to button elements

Card

• Added default header layout to variant
• Added container element for building cards from scratch

Checkbox

• Added link to documentation
• Added checked property
• Added indeterminate property

Checkbox group

• Added initial component design

Control group

• Added link to documentation

Dialog

• Added link to documentation
• Added placeholder slots
• Added default header layout to variant
• Added properties for configuration

Dropdown

• Added link to documentation
• Added the error state

FAB

• Added link to documentation

Input

• Added variant properties for more accurate representation of required and optional inputs

List group

• Added empty variant with slot and properties
• Added list items element for quick population of a list group

List item

• Added properties to default variant to greatly reduce the amount of drilling down necessary for configuration

Menu

• Added link to documentation
• Added placeholder slot

Notification

• Added link to documentation
• Added ability to configure secondary button on alert and toast variants

Pagination

• Added link to documentation
• Added type property for selecting indicator- or counter-based variant
• Added counter property for editing counter text

Radio

• Added link to documentation

Radio group

• Added initial component design

Slider

• Added link to documentation
• Added discrete error text layer

Tab

• Added link to documentation

Tag

• Added link to documentation

Changed

• Changed component properties to camel case to better align with code properties
• Changed default sizes of fixed-width components to be more consistent and based on multiples of four
• Changed component architecture throughout the entire library from nested base components to variant and component properties
• Changed standalone component elements to default base layouts where appropriate to better mimic how they are handled in code
• Changed default configurations and layouts to better align with code defaults
• Changed layer names throughout to improve consistency and better identify unique elements and content slots

Aspect ratio

• Changed default variant to aspectRatio=16:9

Avatar

• Changed default image of entity to use the user image (this is due to how Figma persists property defaults within a variant)
• Changed from component-based profile images to style-based versions
• Changed size values to a condensed format that mirrors how they are in code (ex. Extra large is now x-large)

Badge

• Changed from discrete notification and dot variants to consolidated variant with showLabel property

Button

• Changed from three discrete size variants to one variant with a size property

Button group

• Changed base components to be publishable elements
• Changed custom styling from being applied to variants to being applied to new element components

Card

• Changed structure to leverage new nested container element instead of styles placed directly on the parent
• Changed body and footer layouts to repurposable elements

Checkbox

• Changed input icons to frame-based artwork
• Changed default variant to showLabel=false

Control group

• Changed structure and functionality to align more with the native fieldset

Dialog

• Changed header to default base layout
• Changed text alignment of body text to centered
• Changed Action property to discrete properties and slots for the primary and secondary buttons

Dropdown

• Changed from discrete size and label variants to configurable properties on the nested input component
• Changed the inactive state to enabled

FAB

• Changed State property on group variant to expanded

Icon

• Changed size values to a condensed format that mirrors how they are in code (ex. Extra large is now x-large)

Input

• Changed default variant to showLabel=false for each type

List item

• Changed slots from being nested in the base layouts to being directly accessible from the parent
• Changed variant-based base layouts to simplified property-based versions

Menu

• Changed structure to leverage nested container element instead of styles placed directly on the parent

Notification

• Changed from discrete alert, banner, and toast variants to consolidated variant with type property
• Changed Orientation property to stacked
• Changed Action property to discrete properties and slots for the primary and secondary buttons
• Changed default variant to include dismiss icon by default

Progress

• Changed from discrete linear and circular variants to a consolidated variant with type property

Radio

• Changed input icons to frame-based artwork
• Changed default variant to showLabel=false
• Changed Selected property to checked

Slider

• Changed helper text location from under the slider to under the label
• Changed element spacing to be more consistent with other controls
• Changed default variant to showLabel=false

Slot

• Changed name to placeholder
• Changed description

Switch

• Changed Selected property to checked

Tag

• Changed Removeable to showCloseIcon

Tooltip

• Changed Placement property to position

Removed

• Removed redundant variants that can be created by configuring properties
• Removed variants that conveyed different counts; replaced with extra hidden items in the default variant that can be shown as needed

Avatar

• Removed count variants

Button group

• Removed separate border layers from button elements
• Removed appearance variants
• Removed icon variants
• Removed count variants
• Removed size variants

Card

• Removed variant with media turned on by default
• Removed padding from slots
• Removed slots from base layouts
• Removed media base component

Checkbox

• Removed helper text variant
• Removed Status property

Control group

• Removed nested checkboxes, radios, and switches
• Removed Orientation property
• Removed Helper text placement property
• Removed error state

Dialog

• Removed mobile breakpoints
• Removed overlay variant

Dropdown

• Removed the populated inactive state
• Removed the populated active state
• Removed the populated disabled state
• Removed the error inactive state
• Removed the error focus state
• Removed the error active state

FAB

• Removed count variants

Input

• Removed currency variant

List item

• Removed default slot

Menu

• Removed item elements
• Removed subheader element
• Removed divider element
• Removed group elements

Pagination

• Removed count variants

Radio

• Removed helper text variant

Switch

• Removed helper text variants

Fixed

Checkbox

• Fixed focus ring so it better outlines the input shape

Dropdown

• Fixed required and optional properties so they are closer to their actual behavior
• Fixed broken nested instances of input

Input

• Fixed handling of values and placeholders (both can now co-exist)