salesforce-ux/design-system-ui-kit

✨ Sketch Kit Additions

• Rules, Filters, and Logic
• User Engagement
• Charts

✨ New Components

• Added new Badge flavors
• Added Media Player component
• Added List Builder component
• Added List Builder destructive variant
• Added Breadcrumbs
• Added Checkbox Button
• Added Button Icon XX Small and Small.
• Added nested Progress Indicator symbols
• + 11 more

📦 Updated Components

• Updated Readme instructions
• Updated typography weights
• Updated Page Header pinning
• Updated Modal Footer
• Updated Feed and Timeline visuals
• Updated Lighting Setup Flow modal example
• Updated Toasts to use layer styles
• Updated input fields to use layer styles
• + 26 more

📦 Enhancements

• Reorganized package file structure
• Fixed Button Group Text Styles
• Fixed Feed and Timeline pinning
• Fixed Builder Header pinning
• Replace non-symbol instances with symbols
• Fixed resizing properties on buttons with icons and text to remain centered
• Fixed background resize and icon resize on buttons to avoid irregular sizing
• Fixed button group resizing to not resize
• + 19 more

✨ New Kit

• Added Patterns/Builder/SLDS Pattern - Builder.sketch

✨ New Components

• Builder Header
• Feed
• Docked Form Footer
• Polymorphic Lookup
• Combobox / Lookup
• Slider
• Tab - Mobile Drill In
• Carousel
• + 19 more

📦 Updated Components

• Walkthrough Popover
• Updated Global Header colors, shadows and borders
• Updated colors and spacing on Docked Utility Bar
• Nested Tab state symbols
• Nested Scoped Tab state symbols
• Nested Path state symbols
• Updated colors on Data Table
• Updated heights of mobile to use whole numbers
• + 2 more

📦 Enhancements

• Optimized to be used as a Sketch Library
• Added instructions artboard
• Supercharged icon symbols
• 40 Empty State Illustration Nested Symbols
• Arranged component artboards in alphabetical order
• Moved components their own artboards
• Added Color Token symbols
• Renamed symbols to match SLDS component names

📋 Changes

• Fixed a typo in sketch release notes

📦 Mobile!

• Simple, complex, and structure Salesforce mobile app components are now available
• Key example screens for all major app states/functional areas

📦 Symbols

• All components are now defined as proper symbols
• Grouped with states defined / matches SLDS site naming
• Split between desktop and mobile components
• Core form elements use nested symbol functionality to allow for label overrides, states, and resizing

📦 Typography

• Type styes cleaned up / redefined (inc spacing and text transformations)
• Updated with actual app examples
• Separate mobile styles defined

📦 Icons

• All standard icons now included as symbols (158)
• All utility icons now included as symbols (277)
• Grouped alphabetically for easy finding

📦 Color palette

• Reduced 12 stop gray palette defined with usage notes
• All components updated to use correct gray values
• Removed legacy design tokens

📦 Wireframes

• Split to separate page
• Mobile specific wireframes, keyboards, and device frames
• Simplified to use shapes only / 3 colors

📦 Cards

• Winter '18 card styles represented for path and related list components

🐛 Bugs

• QA pass to ensure small details like text spacing, padding, states were all correct

📋 Changes

• Fixed a typo in the icons & illustrations artboard
• Fixed alignment of a dropdown trigger in activity timeline
• Removed an unnecessary character in activity timeline

✨ An all new Design System UI Kit entirely revisited for Spring ’17, featuring:

• UI Layouts for easy plug-in design
• Additional components, states, and variants
• Components are broken down to follow the new Spring ’17 taxonomy
• Reduced number of symbols for easier customization

✨ New and updated components:

• Docked Utility Bar
• Empty State Illustrations
• Hero Buttons
• Progress Bar
• Progress Indicator
• Rich Text Editor
• Vertical Navigation
• And more!

📋 Changes

• Added the word “experience”
• Added an underline affordance to links in the notification components