Updates

Sketch design system change log

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: Jun 2020