design-system-react

Release 0.10.18

Bugfixes

• Combobox: Fix issue with subheaders sorting incorrectly
• Icon: Fix issue with icons sometimes disappearing due to <use xlink:href>

Release 0.10.17

Bugfixes

• DataTableCell: Prevent boolean PropTypes for children prop
• Tooltip: Fix issue with hasAnchoredNubbin appearing at inappropriate times on hover

Maintenance

• Remove componentWillReceiveProps from ColorPicker, Combobox, DatePicker, Lookup, MenuDropdown, MenuPicklist, Notification, TimePicker, and Tree

Release 0.10.16

Minor Features

• Datepicker: Default behavior updated to allow manual input
• Tooltip: Add onRequestTargetElement callback
• Tooltip: Add hasAnchoredNubbin prop

Bugfixes

• Colorpicker: Add support for named colors in default validator

Release 0.10.15

Bugfixes

• Fix accessibility issues in ProgressBar, ProgressRing, and Toast
• Map: Rename Map to LocationMap. Map was not a part of the default export.

Maintainance

• Make console error / warning fail tests in CI

Documentation

• Add example headings to site
• Add accessibility statement to readme

Release 0.10.14

Bugfixes

• Remove console warnings in DataTable and Combobox

Release 0.10.13

Minor Features

• Maps: Make controlled component
• Checkbox: Add grouped checkboxes with indeterminate state working example that matches ARIA spec.
• Combobox: Support menu item scrolling in all variants
• Move all prototype components to production status

Bugfixes

• Accordion: Prevent grabbing focus on every render
• Accordion: Hotfix to work with one AccordionPanel child
• Toast: Focus on dialog container on render instead of close button
• Popover: Pass aria-haspopup to triggering component
• Combobox: Make dialog variant work. Update menu down icon style.
• Combobox, DataTable, Expression, Map, and Dropdown: Accessibility audit fixes. See https://github.com/salesforce/design-system-react/pull/2359
• RadioGroup, Slider, SplitView, Spinner, Toast: Accessibility audit fixes. See https://github.com/salesforce/design-system-react/pull/2337
• ProgressBar: Make read "{value}%" instead of just "{value}" for screenreaders
• ProgressIndicator: Read "Disabled" for disabled steps
• ButtonGroup: Checkbox should read "this field is required"

Maintainance

• Deprecate and EOL Illustration component
• ProgressRing: Add assistiveText to icons in examples
• TextArea: Making textarea error & required examples match their SLDS counterparts
• Button: Add margin between buttons in examples

Release 0.10.12

Minor Features

• Popover: Add feature variant
• SplitView: onSelect now called with enter key
• BuilderHeader: Add miscellaneous section sub-component
• BuilderHeader: Use Error Popover in Utility Bar example
• Accordion: Update Base example to allow a panel to be toggled
• Add ARIA attributes to all input tags in library in order to enable increased accessibility support for consumers
• SetupAssistant: Add capacity to pass Icons into a SetupAssistantStep
• Dropdown: Adds hover capabilities w/ keyboard interactions
• Accordion: Add arrow key panel support (accessibility)

Bugfixes

• Dropdown: Menu Tooltip content now works with options array
• Tabs: White space around words in disabled tabs no longer trigger tab change. Disabled Tab style import '!style-loader!css-loader!@salesforce/design-system-react/styles/tabs/tab.css'; updated to SLDS's modified BEM.
• Expression: Static markup accessibility violations fixed.
• Files: Add inverse classname to download button
• BuilderHeader: Make Tooltips in example accessible
• TimePicker: Remove default time-picker placeholder text

Maintainance

• SplitView Example: File name change
• Add functional programming eslint rules to increase maintainability
• TravisCI: Enable matrix build to speed up CI time
• Remove PhantomJS legacy code and instructions
• Bump eslint-plugin-filenames from 1.2.0 to 1.3.2
• Bump babel-plugin-istanbul from 5.1.4 to 5.2.0
• Bump karma-chrome-launcher from 2.2.0 to 3.1.0
• Bump react from 16.8.6 to 16.9.0
• Bump @babel/polyfill from 7.4.4 to 7.6.0
• Bump cross-env from 5.2.0 to 5.2.1
• Bump fs-extra from 3.0.1 to 8.1.0
• Bump @storybook/addon-storyshots-puppeteer from 5.1.9 to 5.1.11
• Bump normalizr from 3.2.4 to 3.4.1
• Bump chownr from 1.1.0 to 1.1.2
• Bump eslint-plugin-import from 2.17.3 to 2.18.2
• Bump mocha-loader from 2.0.1 to 3.0.0
• Bump babel-eslint from 10.0.2 to 10.0.3
• Bump karma-coverage from 1.1.2 to 2.0.1
• Bump eslint-config-prettier from 3.0.1 to 6.1.0

Release 0.10.11

PLEASE NOTE: https://github.com/salesforce/design-system-react/releases/tag/v0.10.11 has a breaking change in the order of Checkbox's onChange event arguments when using the default import. `import { Checkbox } from '@salesforce/design-system-react';

See website for current onChange documentation.

Major Features

• Badges: Add component
• Expression: Add component

Minor Features

• ButtonGroup: Add label support for all variants
• ButtonStateful: Add icon prop
• Combobox: Add header and footer items
• MenuDropdown: Add "center" align prop value
• MenuDropdown: Add tooltip menu item
• MenuDropdown: Add hover capabilities with keyboard interactions
• Tooltip: Add hoverOpenDelay prop

Bugfixes

• Checkbox: Fix error text ids
• Tabs: Use class name instead of presentation role for event conditional
• TimePicker: Fix issue with strValue not updating value correctly
• Fix all existing aXe issues

Maintainance

• Automate package.json, index.js, and site-stories.js creation
• classnames update from 2.2.5 to 2.2.6
• sinon-chai update from 2.14.0 to 3.3.0
• fstream update from 1.0.11 to 1.0.12
• regenerator-runtime update from 0.11.1 to 0.13.3
• eslint-plugin-react update from 7.13.0 to 7.14.3
• react-onclickoutside update from 6.8.0 to 6.9.0
• chai update from 4.1.2 to 4.2.0
• file-loader update from 1.1.11 to 4.2.0
• basic-auth update from 1.1.0 to 2.0.1
• webpack update from 4.36.1 to 4.39.3
• @storybook/addon-storyshots update from 5.1.10 to 5.1.11
• eslint-config-prettier update from 3.0.1 to 6.1.0
• mixin-deep update from 1.3.1 to 1.3.2 (security)

Release 0.10.9

Major Features

• Files: Add new component

Minor Features

• ScopedNotification: Add icon prop

Bugfixes

• Colorpicker: Pass aXe static markup accessibility testing
• ProgressBar: Use getId for id instead of hard-coded strings
• Tabs: Prevent panel children clicks from changing tabs at unexpected times
• WelcomeMat: Add slds-welcome-mat_info-only class to container
• Add additional IconSettings context types to components with portals

Documentation

• WelcomeMat: Update icons

Maintainance

• Upgrade to Storybook 5
• Add accessibility tests to continuous integration
• Prevent literal strings in component code
• Add React fragment rule
• @babel/plugin-transform-modules-commonjs update from 7.4.4 to 7.5.0
• @storybook/addon-actions update from 5.1.9 to 5.1.10
• @storybook/addon-storyshots update from 5.1.9 to 5.1.10

Release 0.10.8

Major Features

• WelcomeMat: Add new component
• Colorpicker: Add right to left language support
• Datepicker: Add right to left language support
• Dropdown: Add right to left language support
• Icon: Add right to left language support

Minor Features

• Icon: Add background theme colors
• PageHeader: Update markup
• PageHeader: Add support for custom icons
• PageHeader: Add support for Breadcrumbs
• PageHeader: Support joined styling with DataTable

Bugfixes

• ProgressRing: Fix for layout issue in IE11
• Dialog: Fix for "invalid prop direction of value [object Object] supplied
• BuilderHeader: Fix typo
• Remove unneeded imports (fixing DeepScan issues)
• Update jest config to include all snapshots

Documentation

• Update create-react-app.md
• Update CONTRIBUTING.md readme to new Jest script process
• Update release.md readme

Maintainance

• Add Storybook stories to DOM, image, and a11y tests by default unless excluded
• Limit use of root ~ babel alias to example files
• Divide image snapshots into chunks, then remove them from standard tests (for now)
• @salesforce-ux/design-system update from 2.8.3 to 2.9.3 (SLDS)
• @salesforce-ux/icons update from 7.34.0 to 9.27.0
• webpack-dev-middleware update from 1.12.2 to 2.0.6
• babel-loader update from 8.0.0-beta.3 to 8.0.6
• react-test-renderer update from 16.4.2 to 16.8.6
• warning update from 3.0.0 to 4.0.3
• eslint-loader update from 1.9.0 to 2.1.2
• enzyme-adapter-react-16 update from 1.12.1 to 1.14.0
• karma-cli update from 1.0.1 to 2.0.0
• object.entries update from 1.0.4 to 1.1.0
• babel-eslint update from 8.2.3 to 10.0.2
• babel-plugin-instabul update from 4.1.6 to 5.1.4
• mocha update from 3.5.3 to 6.1.4
• react-onclickoutside update from 6.7.1 to 6.8.0
• react-highlighter update from 0.4.2 to 0.4.3
• express update from 4.16.2 to 4.17.1

Release 0.10.7

Major Features

• VisualPicker: Add new component
• TrialBar: Add new component
• ProgressBar: Add "vertical" orientation option

Minor Features

• Add snapshot testing to Dropdown, Pill, ProgressRing, RadioGroup, RadioButtonGroup, Search, Slider, SplitView, Tabs, Textarea, Toast, and VerticalNavigation components

Bugfixes

• Button: Pass form props to button DOM node
• Carousel: Alter styling to better match designs
• Combobox: ARIA attribute fixes
• SetupAssistant: Active theme now shown for ProgressRing at appropriate times
• EditDialogPopover: Now defined on site
• ExpandableSection: Add to site-stories.js
• Checkbox and Radio: Fix typo in labels prop
• Fixed issue with component paths that was causing build errors in some projects

Documentation

• DatePicker: Fix prop description typo
• BuilderHeader: Fix typo for PropType comment

Maintainance

• @babel/parser update from 7.4.4 to 7.4.5
• enzyme update from 3.9.0 to 3.10.0
• react-text-truncate update from 0.12.1 to 0.14.1
• react-modal update from 3.4.4 to 3.8.1
• @babel/preset-env update from 7.4.4 to 7.4.5
• karma-coverage update from 1.1.1 to 1.1.2
• webpack-hot-middleware update from 2.21.0 to 2.25.0
• eslint-plugin-import update from 2.17.2 to 2.17.3
• eslint-plugin-json update from 1.2.0 to 1.4.0
• shortid update from 2.2.8 to 2.2.14
• concurrently update from 4.0.1 to 4.1.0
• lint-staged update from 3.6.1 to 8.2.0
• sinon update from 2.4.1 to 4.5.0
• compression update from 1.7.1 to 1.7.4
• tar update from 2.2.1 to 2.2.2 (security)
• extend update from 3.0.1 to 3.0.2 (security)
• sshpk update from 1.13.0 to 1.16.1 (security)
• stringstream update from 0.0.5 to 0.0.6 (security)
• tough-cookie update from 2.3.2 to 2.3.4 (security)
• is-my-json-valid update from 2.17.1 to 2.20.0 (security)
• macaddress update from 0.2.8 to 0.2.9 (security)
• merge update from 1.2.0 to 1.2.1 (security)
• react-dev-utils update from 5.0.1 to 5.0.3 (security)

Release 0.10.6

Please use 0.10.7 instead as there was a bug in this release causing build errors in some projects

Release 0.10.5

Major Features

• SetupAssistant: Add Component

Minor Features

• ProgressRing: Add active theme
• ButtonGroup: Adds list variant
• Modal: Add small size support

Bugfixes

• RadioGroup: Update labels from props after instance construction. Label and error label did not update after component is initialzied.
• SetupAssistant: Design review and red-lining of component such as padding, spacing, and borders.
• ColorPicker: Removes some differences between SLDS ColorPicker pattern and this library

Documentation

• Codebase: Add default prop change warning
• Accordion: 3 dropdowns in base whereas only 2 in base-open
• Combobox: Dialog variant documation site example fix

Maintainance

• Merge RadioButtonGroup and RadioGroup, so that one is composed over the other.

Release 0.10.4

Major Features

• BuilderHeader: Add component
• Expandable Section: Add component

Minor Features

• ProgressRing: Added flowDirection prop
• Carousel: Add Mocha tests
• Carousel: Add props to allow controlled component. assistiveText.autoPlayButton was changed to assistiveText.autoplayButton
• Carousel: Align design closer to SLDS and update non-SLDS design
• ProgressIndicator: Adds setup-assistant variant
• Modal: Refactor border-radius render logic based on header and footer
• GlobalNavigation: Align closer to SLDS
• AppLauncher: Align closer to SLDS

Bugfixes

• Carousel: Prevent focus grab when slide changes
• DataTable: Fixed header scrolling bugfix when tab is used
• Illustration: Minor bugfix for style object

Maintainance

• Add a Gitter chat badge to README.md
• Fix accessibility issues in doc site examples
• GlobalNavigation: Add a11y exception to region
• Sync up the package-lock.json file

Release 0.10.3

Major Features

• ProgressBar: Add Component
• ScopedNotification: Add Component
• DynamicIcon: Add Component
• Popover: Add edit-dialog variant

Minor Features

• Dropdown: Add menu width prop
• DatePicker: Triggers a console warning on using default parser
• PageHeader: Remove all caps heading

Bugfixes

• Modal: fix error with dismissModalOnClickOutside
• Tree Buttons: Adds aria-hidden=true to align with SLDS
• Accordion: Add event parameter in example code
• Update Popover to use section tag

Maintainance

• Rename prop title to heading in Modal
• Update PageHeader prop variant to accept kebab-case and otherwise show deprecation warning
• Button Stateful: Changes background color to make the text more legible
• Alert: Adds padding to story container to prevent overlap
• AppLauncher: Changes icon text in tile to be consistent with heading
• Progress Indicator: Adds vertical variant to docsite examples
• Button: Add outline-brand variant to doc site examples
• Deprecate custom content for Dropdown component
• Add Icon Container assistive text in example

Release 0.10.2

Bugfixes

• Carousel: Button import path was incorrect. Resulting in a Error: Can't resolve '../../../../components/button' message

Release 0.10.1

Bugfixes

• Carousel: Button import path was incorrect. Resulting in a Error: Can't resolve '../../../../components/button' message

Maintainance

• Carousel: Add isPrototype warning
• Dropdown: Add sunsetProperty for tooltip prop

Release 0.10.0

It has been more than a year since the release of React 16. With the release of v0.10, React 16.3 or later is required to consume this library. Features are present in the library now that are React v16 only.

Major Features

• Carousel: In addition, to the SLDS one-panel blueprint. This component adds a non-SLDS three-item panel option for use on product home pages to aid in user on-boarding.
• Combobox: Adds Dialog variant. This allows “custom menus” such as checkboxes and other form elements to determine the input value.
• Popover: Walkthrough and Walkthrough Action variants were added. Along with this, Popover now allows custom targets which is helpful in feature highlighting and other user engagement stories. Use onRequestTargetElement to set a custom target.
• GlobalHeader: Align markup and latest UX pattern to SLDS
• Remove all caps text from all components
• ProgressIndicator: Add vertical orientation

Minor Features

• Tooltip: Add dialog className prop
• Button: Add outline-brand variant
• Avatar: Add inverse variant
• Card: Add hasNoHeader prop to remove header
• PillContainer: Return null if options is empty
• Spinner: Adds isDelayed prop to component

Bugfixes

• Combobox: Cancel mouseDown bubble from listbox div tag in order to help not trigger onBlur when uses clicks menu scrollbar
• Popover: Change ARIA role to dialog
• ButtonStateful: Use prevState to update state in component
• Input: Remove always true condition, 'props.hasSpinner'
• Input: Update error icon from warning icon to error icon
• Tree: Adds unneeded aria-hidden=true to closer align with SLDS markup
• Popover: Change ARIA role to dialog
• ProgressRing: Fix examples page
• AppLauncher: Fixes arrow direction in Sections

Maintainance

• Require React >16.3
• Add snapshot update npm command
• Toast: Use role='status'
• Add instructions to set up LDSR with Create React App 2.x
• Removed propTypes which are not used from different components
• Modal: Replace dismissible with disableClose in
• Button: Fix assistive text in small icon hint inverse example
• Alert: Add ability for example to close
• Combobox: Update menuItem to onRenderMenuItem
• Vertical Navigation: Remove shade variant
• Move storyshot DOM snapshots to individual files
• Remove unused variables from tests
• Support React fragment syntax
• Update to SLDS 2.8.x
• Improve docs for codebase-overview.md and CONTRIBUTING.md
• Button Examples: Update function call for "Outline brand button" story
• GlobalNavigationBar: Remove overlapping items from example
• Lookup: Add visual deprecation heading to component

Minor Features

• Popover: Add error and warning variants
• DataTable: Add isDefaultSortDescending prop to allow descending as first time sort direction
• Combobox: Add disabled prop to readonly and inline-listbox variants
• PillContainer: Return null if options is empty
• Input: Add autoComplete prop. (Newer versions of Chrome browser ignore autocomplete="off").
• Combobox: Add Input prop on in order to expose all Input props within Combobox

Bugfixes

• BrandBand: Lightning Theme Fix - Styles were intermittently applied before
• DataTable: Add missing top gray border to fixed header tables
• IconSettings: Add additional inheritance of context for overflowBoundaryElement Dialog position which uses portals.
• Input: Update error icon from warning icon to error icon
• Input: Prevent PropTypes warning in forms/private/label when label prop contains a React node

Maintainance

• Update Brand Band documentation: Depending on your server settings, you may get this error due to stye injection and may want to directly add styles to your CSS file.
• Update README.md to run install command in right directory
• Datepicker: Clarify MomentJS usage in props/docs
• Add ESLINT skipBlankLines/skipComments max lines rule
• Combobox: Give each Storybook example a unique ID
• Define pull request expectations in more detail
• Document how to release a tag on a fork
• Add how to release a tag to 1st time PR bot
• Correct Typos in Contributor's Guidelines
• Improve docs for codebase-overview.md and CONTRIBUTING.md
• Remove non-breaking text from Tooltip Storybook examples
• Contributing docs: Add mention of adding new components to package.json

Release 0.9.5

Minor Features

• Combobox: Allow disabled menu items and disabled menu items with Tooltips
• Input: Add styleContainer prop
• ProgressIndicator: tooltipPosition prop added to allow additional positioning logic
• Dropdown: length prop now allows numbers

Bugfixes

• BrandBand: Lightning Theme CSS injection was intermittantly working.
• Dropdown: Adds aria-checked and role="menuitemcheckbox" for selectable menus with checkmarks

Maintainance

• Warnings removed from snapshot tests and 404s from browser Mocha tests. "CI is now prettier."
• Add first time contributor survey to allow additional feedback to library maintainers.
• Imports additional examples from doc site examples that did not exist in Storybook