Updates

Cosmos Work Sketch library change log

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
  • ReadOnly:
  • Pulse All ReadOnly symbol spacing revised
  • Tag&Pill:
  • 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: Oct 2020