Updates

Cosmos Work Sketch library change log

January 6, 2021

New

Page templates: "Advanced search" added
Page templates: "Dashboard" added
Forms: Form progress vertical → "Progress bar" added
Forms: Form progress vertical → Checkpoint → "Upcoming" added
Forms: Form progress vertical → Checkpoint → "Done-Doing" added
Forms: Form progress vertical → Checkpoint → "Waiting" added
Forms: Form progress vertical → Checkpoint → "Nesting (lvl 2)" added
Forms: Form progress vertical → Checkpoint → "Nesting (lvl 3)" added
Forms: Form progress vertical → Checkpoint → "Nesting (lvl 4)" added
Forms: Inputs → "Location" added
Forms: Inputs → "Stepper" added
Layouts: Advanced search → "Search results" added
Layouts: Advanced search → "With priority" added
Layouts: Advanced search → "Completed" added
Tables & Lists: Summary list → "X4" added
Tables & Lists: Summary list → "X6" added
Widgets: Assignments list cards → "Assignment list" added
Widgets: Assignments list cards → "Worklist" added
Widgets: Location → "Empty state" added
Widgets: Location → "Standard" added

Fixes

LayerStyles: Transparency → "Transparent-4 (backdrop)" revised
TextStyles: Information font-badge → "Font-good" revised
TextStyles: Information font-badge → "Font-warn" revised
TextStyles: Information font-badge → "Font-bad" revised
TextStyles: Information font-badge → "Font-wait" revised
TextStyles: Information font-badge → "Font-info" revised
Page templates: "Home" revised
Page templates: "Case" revised
Page templates: "Details" revised
Page templates: "Case with preview panel" revised
Page templates: "Pulse" revised
Containers: Summary panel header → "Header" revised
Containers: Summary panel metadata → Label left → "With status" revised
Containers: Summary panel metadata → Label left → "Boolean" revised
Containers: Summary panel metadata → Label left → "Default" revised
Containers: Summary panel metadata → Label left → "Link" revised
Containers: Summary panel metadata → Label left → "Modified" revised
Containers: Summary panel metadata → Label left → "Breadcrumb" revised
Containers: Summary panel → "Summary panel with KPIs" revised
Containers: Summary panel → "Summary panel" revised
Containers: Preview panel → "Overview" revised
Containers: Preview panel → "Activity" revised
Containers: Preview panel → "Utilities" revised
Customer service ß: Modal → "Modal (digital messaging)" revised
Customer service ß: Chat type → Standard → "Comment (left)" revised
Customer service ß: Chat type → Standard → "Comment (right)" revised
Customer service ß: Chat type → Chatbot → "Comment (chatbot)" revised
Customer service ß: Chat type → Chatbot → "Comment (user)" revised
Customer service ß: Chat prompt → "Shopping cart" revised
Customer service ß: Chat prompt → "Review" revised
Customer service ß: Chat prompt → "Connection" revised
Customer service ß: Chat → "Agent name" revised
Customer service ß: Chat → "Active chat" revised
Customer service ß: Chat → "Chatbot" revised
Forms: Inputs → "Phone" revised
Forms: File upload → "Uploaded" revised
Information display: Banners → "Info" revised
Overlay: Menus list items → Anypicker → "With breadcrumb" revised
Overlay: Menus list items → Anypicker → "With reference" revised
Overlay: Menus list items → Anypicker → "With meta" revised
Overlay: Menus dropdowns → Tables → "String field" revised
Overlay: Case lifecycle → "With stage details (large)" revised
Overlay: Case lifecycle → "Stage details (standard)" revised
Overlay: Case lifecycle → "Details (simple)" revised
Overlay: Modals → "Modal with actions" revised
Overlay: Dialogue → "With actions (X3)" revised
Sales automation ß: Connected colleagues overlays → Indicator → "Progress bar" revised
Sales automation ß: Connected colleagues overlays → Indicator → "Avatar with label" revised
Sales automation ß: Connected colleagues overlays → "List item" revised
Sales automation ß: Connected colleagues → "List item" revised
Sales automation ß: AI insights list items → Likelihood → "With timestamp" revised
Sales automation ß: AI insights list items → Likelihood → "Standard" revised
Sales automation ß: "LinkedIn profile" revised
Widgets: Pulse threads → Header → "Standard" revised
Widgets: Pulse threads → Header → "With counter" revised
Widgets: Pulse threads → "Thread with image" revised
Widgets: Pulse threads → "Thread (standard)" revised
Widgets: Pulse social actions → With counter → "Standard" revised
Widgets: Pulse social actions → With counter → "With thread info" revised
Widgets: Pulse social actions → "For comments" revised
Widgets: Pulse social actions → "For posts" revised
Widgets: Pulse post types → Header → "With reference" revised
Widgets: Pulse post types → Header → "With post privacy" revised
Widgets: Pulse text inputs → "Standard input" revised
Widgets: Pulse text inputs → "Reply input" revised
Widgets: Assignment list objects → "Simple with icons" revised
Widgets: Assignment list objects → "Simple with button" revised
Widgets: Assignment list objects → "Complex" revised
Widgets: Assignment list objects → "Disabled" revised
Widgets: Assignment list objects → "No meta" revised
Widgets: Assignment list objects → Worklist → "Standard" revised
Widgets: Assignment list objects → Worklist → "With avatar" revised
Widgets: Attachments → "List item" revised
Widgets: Attachments → "Card" revised
Widgets: "Empty state" revised
Widgets: "Tags" revised

Deprecated

Information display: Banners → "Good" removed
Widgets: Pulse post types → Header → "With status" removed

December 14, 2020

New

Widgets: Members list items → "With actions"
Widgets: Members list items → "With badge"
Widgets: Stakeholders list items → "With actions"
Widgets: Announcements → "Standard"
Widgets: Announcements → "With meta"
Widgets: Pulse text inputs → With attachments attachment → "With link"
Containers: Summary panel metadata → Label left → "Boolean"
Containers: Summary panel metadata → Label left → "Breadcrumb"
Containers: Summary panel metadata → Label left → "User reference"
Containers: Summary panel metadata → Label left → "Data reference"
Containers: Summary panel metadata → Label left → "Color"
Containers: Summary panel metadata → Label left color → "None"
Containers: Summary panel metadata → Label left color → "HEX"
Containers: Summary panel metadata → Label left color → "RGB"
Containers: Summary panel metadata → Label left → "File"
Containers: Summary panel metadata → Label left → "Audio"
Containers: Summary panel metadata → Label left → "Location"
Containers: Preview panel → "Overview"
Containers: Preview panel → "Activity"
Containers: Preview panel → "Utilities"

Fixes

Widgets: Team → "Card"
Widgets: Team list items → "With actions"
Widgets: Team list items → "Standard"
Widgets: Members → "Card"
Widgets: Members list items → "Standard"
Widgets: Stakeholders → "Card"
Widgets: Stakeholders list items → "Standard"
Widgets: Followers → "Card"
Widgets: Followers list items → "With actions"
Widgets: Followers list items → "Standard"
Widgets: Attachments → "Card"
Widgets: Attachments → "List item"
Widgets: Pulse threads → "Thread (preview panel)"
Widgets: Pulse text inputs → With attachments attachment → "Standard"
Widgets: "Files & documents" now "Attachments". Widgets: "Hero" now "Announcements". Containers: Summary panel metadata → Label left → "Default"
Containers: Summary panel metadata → Label left → "Link"
Containers: Summary panel metadata → Label left → "Link with time stamp" now "Modified". Page templates: "Home"
Page templates: "Details"
Page templates: "Pulse"
Page templates: "Case"
Page templates: "Case with preview panel"
Forms: File upload → "Bulk upload"
Forms: File upload → "Hover"
Forms: File upload → "Default"
Forms: File upload → "Uploaded"
Forms: File upload → "Uploading"
Forms: File upload → "Unable to upload"
Forms: Inputs RTE → "Large"
Forms: Inputs RTE → "Medium"
Forms: Inputs RTE → "Small"
Forms: Inputs RTE → "Document editor"
Forms: Inputs read-only → "With label & meta"
Forms: Inputs read-only → "With label"
Forms: Inputs → "Search"
Forms: Inputs text input → "Error"
Forms: Inputs text input → "Optional"
Forms: Inputs text input → "Default"
Forms: Inputs text input → "Number inputs"
Forms: Inputs text input → "Auto complete"
Forms: Inputs text input → "Location"
Forms: Inputs text area → "Text area"
Navigation: Tabs vertical → "Null"
Navigation: Tabs vertical → "Standard (single)"
Navigation: Tabs vertical → "Selected (single)"
Navigation: Tabs vertical → "Standard (double)"
Navigation: Tabs vertical → "Selected (double)"
Navigation: Tabs vertical → With meta → "Standard (single)"
Navigation: Tabs vertical → With meta → "Selected (single)"
Navigation: Tabs vertical → With meta → "Standard (double)"
Navigation: Tabs vertical → With meta → "Selected (double)"
Overlay: Tooltip → "Top"
Overlay: Tooltip → "Bottom"

Deprecated

TextStyles: Font-primary → Placeholder → "Align-center"
TextStyles: Font-primary → Placeholder → "Align-left"
TextStyles: Font-primary → Placeholder → "Align-right"

November 1, 2020

New

LayerStyles: Primary palette → "Interactive (dark)"
LayerStyles: Banners → "Info banner (text)"
LayerStyles: Value → "Backdrop (40%)"
Forms: Inputs → "Range slider"
Forms: Inputs range slider → "Default"
Forms: Inputs range slider → "With range value"
Forms: Inputs range slider → "With field"
Forms: File upload → "Bulk upload"
Forms: File upload → "Uploading"
Forms: File upload → "Unable to upload"
Tables & Lists: Summary list → "X4"
Tables & Lists: Summary list → "X6"
Widgets: Assignments list objects → "No meta"
Widgets: Assignments list objects → "Disabled"

Fixes

General: Border radi have been updated with latest design token values
General: Summary list tree sorting has been
LayerStyles: Primary palette → "Nav background"
LayerStyles: Primary palette → "Labels"
LayerStyles: Primary palette → "Input border"
LayerStyles: Primary palette → "Dividers"
LayerStyles: Border → "Input border"
LayerStyles: Border → "Dividers"
LayerStyles: Drop shadow → "Default"
LayerStyles: Drop shadow → "Modal"
Forms: Inputs RTE → "Large"
Forms: Inputs RTE → "Medium"
Forms: Inputs RTE → "Small"
Forms: Inputs RTE → "Document editor"
Forms: Inputs read-only → "With label & meta"
Forms: Inputs read-only → "With label"
Forms: Inputs → "Text input"
Forms: Inputs → "Number input"
Forms: Inputs → "Auto complete"
Forms: Inputs password → "Unmasked"
Forms: Inputs password → "Masked"
Forms: Inputs → "Phone"
Forms: Inputs → "Time picker"
Forms: Inputs → "Date picker"
Forms: Inputs → "Month & Year"
Forms: Inputs currency → "With dropdown"
Forms: Inputs currency → "Default"
Forms: Inputs → "Multi-select"
Forms: Inputs → "Location"
Forms: Inputs text area → "Text area"
Forms: File upload → "Hover"
Forms: File upload → "Default"
Forms: File upload → "Uploaded"
Containers: Summary panel → "Summary panel with KPI's"
Containers: Summary panel → "Summary panel"
Containers: Utilities → "Open"
Containers: Utilities → "Closed"
Pages: "Home"
Pages: "Details"
Pages: "Pulse"
Pages: "Case"
Pages: "Case with preview panel"
Information display: Avatars users → 44px → "Initials"
Information display: Avatars users → 44px → "Icon"
Information display: Avatars users → 32px → "Initials"
Information display: Avatars users → 32px → "Icon"
Information display: Avatars users → Micro → "Initials"
Information display: Avatars users → Group → "X2"
Information display: Avatars users → Group → "X3"
Information display: Avatars users → Group → "X4"
Information display: Filetype icons 44px → "Word & PDF"
Information display: Filetype icons 44px → "Spread sheet"
Information display: Filetype icons 44px → "Presentation"
Information display: Filetype icons 44px → "Mail"
Information display: Filetype icons 44px → "Image"
Information display: Filetype icons 44px → "Attachment"
Information display: Filetype icons 44px → "Audio"
Information display: Filetype icons 44px → "Video"
Information display: Filetype icons 44px → "Link"
Information display: Filetype icons 32px → "Word & PDF"
Information display: Filetype icons 32px → "Spread sheet"
Information display: Filetype icons 32px → "Presentation"
Information display: Filetype icons 32px → "Mail"
Information display: Filetype icons 32px → "Image"
Information display: Filetype icons 32px → "Attachment"
Information display: Filetype icons 32px → "Audio"
Information display: Filetype icons 32px → "Video"
Information display: Filetype icons 32px → "Link"

Deprecated

LayerStyles: Notifications (temp) → "Good"
LayerStyles: Notifications (temp) → "Warn"
LayerStyles: Notifications (temp) → "Critical"
LayerStyles: Notifications (temp) → "Info"

October 9, 2020

New

LayerStyle → Banners: "Info banner (text)"
Forms → Inputs: "Location"
Forms → Checkbox select-box: "Selected (indeterminate)"
Forms → Checkbox select-box: "Disabled (indeterminate)"
Forms → Checkbox select-box: "Default (indeterminate)"
Forms → File upload: "Bulk upload"
Forms → File upload: "Hover"
Forms → File upload: "Default"
Forms → File upload: "Uploaded"
Forms → File upload: "Uploading"
Forms → File upload: "Unable to upload"
Icons → Core: "Headset"
Icons → Core filter: "Default"
Icons → Core filter: "Selected"
Icons → Core: "Table"
Icons → Core: "List"
Icons → Core: "Align left"
Overlay → Menus dropdowns: "Location"
Tables & Lists → Filter: "With counter"
Widgets → "Location map"

Fixes

TextStyle → Standard default: "Left"
Pages → "Case with preview panel"
Containers → "Preview panel"
Forms → Inputs checkbox: "Group"
Forms → Inputs checkbox: "With text"
Information display → Filetype icons 44px: "Word & PDF"
Information display → Filetype icons 44px: "Spread sheet"
Information display → Filetype icons 44px: "Presentation"
Information display → Filetype icons 44px: "Mail"
Information display → Filetype icons 44px: "Attachment"
Information display → Filetype icons 44px: "Audio"
Information display → Filetype icons 44px: "Link"
Information display → Filetype icons 32px: "Word & PDF"
Information display → Filetype icons 32px: "Spread sheet"
Information display → Filetype icons 32px: "Presentation"
Information display → Filetype icons 32px: "Mail"
Information display → Filetype icons 32px: "Attachment"
Information display → Filetype icons 32px: "Audio"
Information display → Filetype icons 32px: "Link"
Information display → Avatars users: 44px: "Initials"
Information display → Avatars users: 44px: "Icon"
Information display → Avatars users: 32px: "Initials"
Information display → Avatars users: 32px: "Icon"
Information display → Avatars users: Group: "X2"
Information display → Avatars users: Group: "X3"
Information display → Avatars users: Group: "X4"
Information display → Avatars users: Micro: "Initials"
Layout → "Single column" now "Read-only single column".
Layout → "Single column with table" now "Read-only single column with table".
Layout → "Two column" now "Read-only two column".
Widgets → Pulse text inputs: With attachment: "Attachment"
Widgets → Files & documents: "Card"
Widgets → Files & documents: "List item"

Deprecated

Forms → File upload: "Loading"
Forms → File upload: "Active"
Icons → Core: "Recents"

September 18, 2020

Bugfix

Font issue → Open Sans font reading as 2 different fonts, creating a missing font issue. Open Sans & icon font now embedded into the library and should resolve this issue. A big thanks to Ben Potter for surfacing this.

September 1, 2020

New

General → Ver. 8.5 have been created and published
Forms → "Floating action button (mobile)"
Forms → Floating action button (mobile): "Default"
Forms → Floating action button (mobile): "Disabled"
Information display → Avatars users: "Micro (with image)"
Information display → Avatars: "Group"
Information display → Avatars group: "X2"
Information display → Avatars group: "X3"
Information display → Avatars group: "X4"
Layouts → List items: "Single column"
Layouts → List items single column: "Standard"
Layouts → List items single column: "With meta (X3)"
Layouts → List items: "Double column"
Layouts → List items double column: "Standard"
Layouts → List items double column: "Split group"
Layouts → List items: "Triple column"
Layouts → List items triple column: "Standard"
Layouts → List items triple column: "Split group"
Navigation → Tabs: "Vertical"
Navigation → Tabs vertical: "With meta"
Navigation → With meta: "Standard (single)"
Navigation → With meta: "Selected (single)"
Navigation → With meta: "Standard (double)"
Navigation → With meta: "Selected (double)"
Overlay → "Dialogue"
Overlay → Dialogue: "With actions (X2)"
Overlay → Dialogue: "With actions (X3)"
Overlay → "Popover"
Overlay → Popover: "Default"
Overlay → Popover default: "Standard"
Overlay → Popover default: "With tail"
Overlay → Popover: "With label"
Overlay → Popover with label: "Standard"
Overlay → Popover with label: "With tail"
Overlay → Popover: "With image"
Overlay → Menus list items: "Worklilst with meta"
Overlay → Menus dropdowns: "Worklist with meta"
Tables & lists → Toolbars filters: "Standard"
Tables & lists → Toolbars searchers: "Standard"
Widgets → "Members"
Widgets → Members list items: "Standard"
Widgets → Members list items: "With actions"
Widgets → "Stakeholders"
Widgets → Stakeholders: "List item"
Widgets → "Empty state"

Fixes

General → Icon color usage patterns have been adjusted
TextStyles → "Primary" now "Default"
TextStyles → Main nav: "Primary" now "Default"
TextStyles → Tree sorting has been adjusted to highlight key styles
Pages → "Home"
Forms → Buttons "Preview"
Forms → Buttons tertiary: "Default"
Forms → Buttons tertiary: "Disabled"
Forms → Buttons tertiary: "Actions"
Information display → Read-only in-line: "With image (S)"
Information display → Avatars users: "Initials"
Layouts → "Single column"
Layouts → "Single column with table"
Layouts → "Two column"
Layouts → List items: "With image"
Layouts → List items: "Label & description"
Navigation → Main (open): "Nav panel"
Navigation → List items: "User"
Navigation → Main (closed): "Nav strip"
Navigation → List items: "User"
Toolbars → "Default"
Toolbars filters → "X5"
Toolbars searchbars → "With results"
Tables → "Reporting"
Widgets → "Next best action"
Widgets → "Team"
Widgets → Team list items: "Standard"
Widgets → Team list items: "With actions"
Widgets → "Followers"
Widgets → Followers: "List item"
Widgets → "Files & documents"
Widgets → Files & documents: "List item"

Deprecated

No component deprecation this release.

August 6, 2020

New

General → "Layouts"
General → "Widgets"

Fixes

General → Entire library has undergone re-categorization
LayerStyles → Now match design token values
LayerStyles → Now match design token naming
SketchPalette → Now matches design token values
SketchPalette → Now matches design token naming.
Pages → Pages have been sent to the top of the tree sorting list for easier access.
Pages → "⚛︎ Pages"
Containers → "Notifications" now "Notifications panel"
Containers → "Recents" now "Recents panel"
Containers → "Applications" now "Applications panel"
Containers → "Misc" now "Tools & help panel"
Containers → "Panels" now "Summary panel"
Containers → Cards have been moved
Summary panel → "Preview panel"
Summary panel → "Summary panel"
Summary panel → "Summary panel with KPIs"
Forms Read-only → "With label" has been moved
Forms Read-only → "With label & meta" has been moved
Forms → "Form progress indicator" now "Form progress"
Forms → "Form progress" has been moved
Forms → "Uploader" now "File upload"
Forms → "File upload" has been moved
Icon → All icons under "Common" now in "Core"
Information display → "Borders" now "Separators"
Information display → "Separators" have been moved
Information display Read-only (in-line) → "With status" has been moved
Information display Read-only (in-line) → "With image (S)" has been moved
Information display Read-only (in-line) → "With icon (left)" has been moved
Information display Read-only (in-line) → "With icon (right)" has been moved
Information display Read-only (in-line) → "Chevron (lifecycle)" has been moved
Information display Read-only → "With meta" has been moved
Information display → "Notifications" now "Banners"
Information display → "Empty states" have been moved
Information display Empty states → "With action" has been moved
Information display Empty states → "With image" has been moved
Information display Empty states → "With label" has been moved
Navigation Tabs → "Panel" now "Vertical"
Overlay Modal → "Modal with actions"
Overlay Modal → "Modal with header"
Widgets → "Assignments list" has been moved
Widgets → "Pulse" has been moved

Deprecated

LayerStyles → "Pega teal"
Forms → "Segmented buttons"
Mobile → All symbols

June 2, 2020

New

Pulse Comment → "Comment bubble"
Pulse Comment bubble → "With image"
Pulse Post type (comment) → "Single-line with image"
Pulse Thread → "Thread with image"
Customer Service β Modal → "Agent name"
Customer Service β Modal → "Modal (digital messaging)"
Customer Service β Main navigation → "Nav strip"
Customer Service β Main navigation → "Nav panel"
Customer Service β Main (open) → "List item"
Customer Service β Main (closed) → "List item"
Customer Service β "Summary panel"
Customer Service β "Performance"
Customer Service β Assignments → "Assignment header"
Customer Service β Assignments (object) → "No meta"
Customer Service β Assignments (object) → "Standard"
Customer Service β Assignments → "Assignment list"
Customer Service β Customer activity (objects) → "Meta"
Customer Service β Customer activity (objects) → "Tweet"
Customer Service β Customer activity (objects) → "Service case"
Customer Service β Customer activity (objects) → "Customer interaction"
Customer Service β Customer activity → "Activity feed"
Customer Service β Inbox (objects) → "Meta"
Customer Service β Inbox (objects) → "New"
Customer Service β Inbox (objects) → "Read"
Customer Service β Inbox → "List"
Customer Service β Chat (prompt) → "Shopping cart"
Customer Service β Chat (prompt) → "Connection"
Customer Service β Chat (prompt) → "Review"
Customer Service β Chat (standard) → "Comment (left)"
Customer Service β Chat (standard) → "Comment (right)"
Customer Service β Chat (chatbot) → "Comment (user)"
Customer Service β Chat (chatbot) → "Comment (chatbot)"
Customer Service β Chat → "Text input"
Customer Service β Chat → "Active chat"
Customer Service β Chat → "Chatbot"
Forms Pagination → "Toggle"
Forms Pagination → "Control"
Data visualization "Progress chart"
Icons Common → "Recents"
List & table layouts Assets (columns) → "Centered data (X6)"
List & table layouts Assets (columns) → "Numeric data (X6)"
Main navigation Main (open) → "Logo with product name"
Overlay Calendar → "With weekday"
Overlay "Modal with header"
Overlay Tooltip → "Left"
Overlay Tooltip → "Right"
Overlay Tooltip → "Top"
Overlay Tooltip → "Bottom"
Overlay Tooltip → "Multi-line"

Fixes

Buttons Tertiary → "Default"
Buttons Tertiary → "Disabled"
Buttons Tertiary → "Actions"
Cases & Objects Lifecycle (chevrons) → "Left (rounded)"
Cases & Objects Lifecycle (chevrons) → "Right (rounded)"
Cases & Objects Lifecycle (chevrons) → "Done (standard)"
Cases & Objects Lifecycle (chevrons) → "Done (condensed)"
Cases & Objects Lifecycle → "With stage details (large)"
Cases & Objects Read-only data (in-line) → "Chevron (lifecycle)"
Cases & Objects Read-only data (list item) → "Assignment"
Cases & Objects "With badge" now "With status"
Cases & Objects Assignments (objects) → "Simple with button"
Cases & Objects Assignments (objects) → "Complex"
Cases & Objects Assignments (objects) → "Worklist"
Cases & Objects Assignments (objects) → "Document"
Cases & Objects Assignments (cards) → "Worklist"
Cases & Objects Panels (header) → "Actions bar"
Cases & Objects Panels (tabs) → "Default"
Cases & Objects Panels (tabs) → "Selected"
Cases & Objects Utilities (documents) → "Card"
Cases & Objects Utilities (followers) → "Card"
Pulse Comment bubble → "Bubble (vertical)" now "Multi-line"
Pulse Comment bubble → "Bubble (horizontal)" now "Single line"
Pulse Post type → "With attached image"
Customer service ß Assignments → "Assignment header"
Data visualization "Chart" now "Donut chart"
Forms "Rich text"
Forms "Search"
Forms "Text area"
Forms "Time picker"
Forms "Date picker"
Forms "Number input"
Forms Pagination → "Loading"
Forms Pagination → "With label"
Forms Pagination → "With label & meta"
Information display All counters have been
Lists & table layouts Assets (columns) → "Table data column (X6)" now "Standard data (X6)"
Lists & table layouts Tables → "Default"
Lists & table layouts Tables → "With toolbar"
Lists & table layouts Tables → "Reporting"
Main navigation Main (open) → "Nav panel"
Main navigation Main (closed) → "Nav strip"
Media Panel avatars → "User"
Media Panel avatars → "Icon"
Media Attachments (44px) → All symbols
Media Attachments (32px) → All symbols
Overlay Calendar → "Calendar" now "Standard"
Overlay Calendar → "Standard"
Overlay "Modal" now "Modal with actions"
Page types "Dashboard" now "Home"
UI Kit LayerStyle → "Interactive"
UI Kit List items → "Label"
UI Kit Assets → "Table data columnn (X6)"
UI Kit Assets → "Assignment list colum (X6)"
UI Kit Assets → "List data column (X6)"
UI Kit Tables → "Default"
UI Kit Tables → "Assignment list"
UI Kit Tables → "List"
UI Kit Tables → "List with dropdown"
UI Kit Cards → "Default"
UI Kit Cards → "Assignment list"
UI Kit Cards → "List"
UI Kit Cards → "List with dropdown"
UI Kit Button (primary) → "Default"
UI Kit Button (primary) → "Disabled"
UI Kit Button (primary) → "Actions"

Deprecated

Forms Pagination (selection) → "Default"
Forms Pagination (selection) → "Selected"
Forms Pagination → "Pagination group"
Overlay "Toast"
Overlay "Tooltip"

May 6, 2020

New

Read-only data In-line → "Chevron (lifecycle)"
Cursor "Cursor type"
Cursor Cursor type → "Arrow"
Cursor Cursor type → "Pointer"
Cursor "Gestures"
Cursor Gestures → "Scroll"
Cursor Gestures → "Swipe"
Cursor "Interaction"
Cursor Interaction → "Click"
Cursor Interaction → "Hover"
Forms "Phones"
Forms "Password"
Forms "Time picker"
Forms "Month & Year"
Forms Currency → "Default"
Forms Currency → "With dropdown"
Forms "Rich text"
Radio "With text (lifecycle)"
Radio "With completed task"
Radio "With link"
Overlay Multi-select group (list items) → "Default"
Overlay Multi-select group (list items) → "Selected"
Overlay Multi-select group (dropdowns) → "Auto complete"
Overlay Multi-select group (list items) → "Auto complete"
Overlay Multi-select group (dropdowns) → "With hierarchy"
Overlay Multi-select group (list items) → "With hierarchy"
Overlay With hierarchy → "Single select"
Overlay With hierarchy → "Multi-select"
Overlay With hierarchy → "With breadcrumb"
Overlay Dropdowns → "With filter"
Case "Lifecycle"
Case Lifecycle → "Details (simple)"
Case Lifecycle → "Stage details (standard)"
Case Lifecycle → "With stage details (large)"
Case "Calendar"
Miscellaneous "Chrome template"

Fixes

Lifecycle All "Chevrons"
Lifecycle All "Lifecycle" variants
Lifecycle Chevrons → "Standard"
Forms "Date picker"
Forms Text area → "Scrollbar"
Forms Text area → "Text area"
Lists & table layouts List items → "Fat" now "With meta"
Overlay "Default" now "Standard".
Overlay Multi-select group (list items) → All "Default" items
Overlay Multi-select group (list items) → All "Selected" items
Overlay Multi-select group (dropdowns) → "Fat" now "With meta"
Overlay Multi-select group (dropdowns) → "Worklist"
Overlay Multi-select group (dropdowns) → "Worklist with actions" now "With actions"
Overlay "Modal"
Page types All artboard sizes now meet Product defaults

Deprecated

Lifecycle "Assets"
Lifecycle Assets → "Column"
Lifecycle "Steps"
Lifecycle Steps → "Steps view"
Lifecycle Steps → "Progress bar"
Lifecycle Steps → "Doing"
Lifecycle Steps → "Done"
Panel Tabs → "Indicator"
Page types "Background"

March 19, 2020

New

General "Cases & Objects" has been added to root navigation
General "Information display" has been added to root navigation
General "Overlay" has been added to root navigation
General "Lists & table layouts" has been added to root navigation
Layer styles "Main nav (interactive)"
Layer styles "Main nav (background)"
Buttons Buttons (tertiary) → "Actions"
Buttons Buttons → "Preview"
Panels Metadata (label left) → "Link"
Panels Metadata (label left) → "Link with time stamp"
Pulse Pulse → "Card"
Pulse Pulse (card) → "Ends"
Read-only data Empty state → "With action"
Forms "File upload"
Forms "Form progress indicator"
Forms Autocomplete → "Selection"
Information display "Banners"
Information display "Badge"
Information display Tag
Main navigation Main (open)
Main navigation Main (closed)
Main navigation Tabs
Overlay Cards
Overlay Tooltip
Overlay Toast
Overlay Multi-select group
Overlay Cards → "Hero"
Overlay Multi-select group → "Dropdowns"
Overlay Multi-select group → "List items"

Fixes

General Symbol naming conventions are now in sentence case
General TextStyle naming conventions are now in sentence case
General LayerStyle naming conventions are now in sentence case
General New tree sorting structure has been applied globally
General "CaseLifecycle" now "Lifecycle"
General "ToDo" now "Assignments"
General "Pages" now "Page types"
General "Avatars" now "Media"
Buttons "Simple" now "Tertiary"
Forms Checkbox revised
Forms Radio revised
Forms "Combo" now "Auto complete"
Forms "Default" now "Text input"
Forms "Pill" now "Selection"
Information display "Notifications" now "Banners"
Layer styles "SideNav" now "Main nav"
Main navigation "SideNavigation" now "Main navigation"
Panels Panels (header) → "Header" revised
Panels Metadata (label left) → "Default" revised
Pulse Pulse → All "Post type" symbols revised
Pulse Pulse → All "Text inputs" symbols revised
Pulse Post type (comment) → "Single-line" revised
Pulse Post type (comment) → "Multi-line" revised
Pulse Pulse → "Thread" revised
Pulse "Pulse feed" now "Thread"
Pulse "Default" now "Standard input"
Pulse "Reply" now "Reply input"
Pulse "Social" now "Social actions"
Pulse "Item" now "Post type"
Pulse Mobile → "Post type with pill" now "Post type with selection"
Pulse "Item" now "Post type"
Overlay Overlay → "Modal" revised
Overlay "Banner" now "Hero"
Read-only data "Read only" now "Read-only data"
Utilities Panels → "Standard" now "Panel (open)"
Utilities Panels → "Ribbon" now "Panel (closed)"
Utilities "Files&Documents" now "Documents"
Utilities "Prediction" now "AI"

Deprecated

Buttons Buttons (primary) → "Actions"

February 28, 2020

New

Forms Radio → “Group”
Forms Checkbox → “Group”
File upload “Default”
File upload “Active”
File upload "Loading"
Panels Metadata (LabelLeft) → “WithBadge”
Pulse Header → “WithStatus”
Pulse Item (PrivatePost) → “Filter”
Pulse Item (PrivatePost) → “WithPrivatePost”
Pulse Item (Comment) → “Bubble (horizontal)”
Pulse Item (Comment) → “Bubble (vertical)”
Pulse Item (Comment) → “SingleLine”
Pulse Item (Comment) → “Multiline”
Table Toolbar → “WithSearchBar”

Fixes

General Global padding on objects now set to 16px
General All selected & hover states have been revised
General “Cursor” symbols now live in their own category
Buttons Secondary → “Actions” revised
Form progress indicator “FormProgress” now “FormProgressIndicator”
Form progress indicator "FormProgress” revised
Side navigation Default icon set now matches OOTB product/li>
Side navigation Other → “Recents” now scalable by default
Side navigation Other → “Notifications” now scalable by default
Panels Metadata (LabelTop) now scalable by default
Pulse All Pulse symbols have been re-sorted
Pulse Header → “WithReference” now “WithReferenceCode”
Pulse Item → “Post (ex)” now “StandardPost
Pulse Item → “CompletedTask” now “StandardPostWithLink”
Pulse Social → “ForComments” revised
Pulse Input → “Reply” revised
Pulse “Comment” revised
Pulse Feed → “Thread” now scalable by default
Pulse Feed → “PreviewPanel” now scalable by default
Pulse “FeedDefault” now “Thread”
Pulse “Thread” revised
Table Toolbar → “WithFilters” revised

Deprecated

Symbol documentation Pages
Text Styles Link → “OnClick”
Text Styles Link (left) → “AlignLeft (scalable)”
General "Spacer”
General Pages → “Backlog”
Buttons Simple → “Actions”
Side navigation Additional icons
Panels Metadata (LabelLeft) → “Default (scalable)”
Panels Metadata (LabelTop) → “Default (scalable)”
Panels Metadata (LabelTop) → “Paragraph”
Panels Metadata (LabelTop) → “KPI (XL)”
Tasks Assets → “ListItem (simple)”
Tasks Assets → “ListItem (complex)”
Tasks "TaskList"
Pulse Item → “Header”
Pulse Item → “WithText (SA)”
Pulse Item → “Comment (ex)”

February 6, 2020

New

Text styles Secondary → “Label” style has been added
Text styles Secondary → “Meta” has been added
Text styles Tooltip → “Preview” has been added
Text styles Tooltip → “Tooltip” has been added
Buttons Simple → “Actions” has been added
Read Only “Layouts” has been added
Read Only Layout → “SingleColumn” has been added
Read Only Layout → “SingleColumnWithTable” has been added
Read Only Layout → “TwoColumn” has been added
Read Only Layout → “WithLabel” has been added
Read Only Layout → “WithLabelAndMeta” has been added

Fixes

General Design library cover photo revised
General All TextStyles now set to AlignTop by default
General All Integer values now RightAligned by default
Avatars UserAvatar → No longer icon font based
Panels No longer icon font based
Forms All form symbol spacing revised
Forms All form input heights now set to 32px
Forms All form input radius’ now set to 2px
Forms All form control radius’ now set to 2px
Content Switcher Height is now set to 32px
Text Styles Default → Line height now set to 18px
Text Styles Secondary → Line height now set to 18px
Text Styles Secondary → “Label” line height now set to 18px
Text Styles Link → Line height now set to 18px
Text Styles H1 → Now set to 22px, Bold
Text Styles GraphicText → Now set to 22px, Bold
Text Styles GraphicText → “L” is now the default
Text Styles IconFont → “Disabled” revised
Icons Now scalable by default
Icons All icons are now vector based by default
Icons “Custom” is now the only icon font referencing symbol
Pulse Comment → TextInput revised
Pulse All ReadOnly symbol spacing revised
Pulse All Tag&Pill symbol spacing revised
To Do Card → AssignmentList revised

Deprecated

Text styles “Textarea” removed
Text styles Secondary → “Semibold” removed
Text styles Secondary → “Semibold” removed
Text styles Link → “Secondary (inverse)” removed
Text styles Link → “Secondary” removed
Text styles GraphicText → “XL” removed

December 3, 2019

New

Icons "Custom" icon symbol added
ContentSwitcher X2, X3, X4, X5 added
CaseLifecycle X3, X4, X5 added
SideNavigation Recents added
Button Simple (default & disabled)
Button Secondary (default actions, disabled)
Button Primary (default, actions, disabled)
ReadOnly InLine (label)
Forms Search (label)
Forms Default (label)
Forms Combo (label)
Forms NumberInput (label)
Forms DatePicker (label)
Forms TextArea (label)
Forms (multi-select) Label & Tag/Pill
Forms (overlay) Default & Fat
Forms Pagination (group)
Notification Info, Success, Warning, Error, Toast
Tooltip Preview & Definition
Tabs Default & Selected
Tabs Tabs (X4)
Tag&Pill Default & Selected
Tasks Example
Tasks AssignmentList
Navigation Default
Navigation Open
Navigation Notifications
Navigation Recents
Table (filters) WithDropdown & WithIcon
Table Toolbar (WithFilters)
Table (toolbar) Default & WithFilters
Table (item) Label & Fat
ToDo Item (complex)
ToDo AssignmentList
Panels Header
Panels Summary (ex)
Panels Summary (preview)
Panels Header (actions)
Panels CustomerInfo
Panels Badge
Utilities Followers (list item)
Utilities Files&Documents (list item)
Pulse Post (ex)
Pulse Post (HeaderWithReference)
Pulse Post (CompletedAssignment)
Pulse Social (WithCounter)
Pulse Feed (default)
Pulse Attachment
Mobile Mobile library under construction

Fixes

General All items labeled as Standard are now "Default"
Icons Now black by default
Images Previous images have been replaced with DAM imagery
ReadOnly Task is now "Assignment"
TextInput Standard is now "Default"
TextInput Select & Combo merged
Dropdown Dropdown is now "Overlay"
Tooltip Moved into Button
Tag Tag is now "Tag&Pill"
CaseLifecycle Case is now "CaseLifecycle"
Screenflow Screenflow is now "ProgressBar"
SideNavigation Notification revised
Utilities Followers revised
Pulse DefaultPost revised
Pulse DefaultWithAttachment revised
Pulse DefaultFeed revised
Pulse WithAction & WithText (SA) revised
Pulse WithTag & WithTag (X2) revised
Tabs Heights are now set to 40px
Tabs Labels are now set to 14px

Last updated: Jan 2021