design-system-react

Release 0.6.3

Major Changes

• BreadCrumb component is now Breadcrumb with a backwards compatible alias.
• ElementS are now allowed within Tab's label prop.
• DataTable
  • Markup updated to SLDS 2.2.1
  • If you are using id attributes, to query the DOM (tsk, tsk), the ids have changed format.
  • DataTable is now bordered by default. This is a visual breaking change, but will not be considered one for semver, due to SLDS's change to bordered tables being the default style.
  • Advanced/Fixed Table supports "title" attribute for truncated cells
  • DataTable Column label can be a node.
  • DataTable column sort arrow issues resolved, including ARIA issues.
• Icons are now v7.7.0.
• Added closeButtonAssistiveText to Modal for i18n

MAINTENANCE

• Documentation build out now occurs on all pull requests to catch issues sooner.
• Internal components use ES6's export default. Public components were not affected, but will be moved ES6's export default in the future.
• ESlint issues reduced to less than 300. Linting check added to pre-commit script for staged files.
• Added Greenkeeper for dependency management

Release 0.6.2

Major Changes

• Added Navigation component

Minor Changes

• Markup updates to Modal, Button, Card, Input, and Page Header

Release 0.6.1

• Documentation site updates. No production code changed in this release.

Release 0.6.0

MAJOR CHANGES

• Datepicker updates
  • className now is added to the node with slds-datepicker class within the dialog. Use triggerClassName for the outer wrapping div. [BREAKING CHANGE]
  • onChange (formerly onDateChange) now provides callback with event and a data object in the shape: {date: [Date object], formattedDate: [string], timezoneOffset: [number]}
  • Many new props and features: calendar alignment, assistive text props, accepts custom input, supports ISO weekday (Monday first), new props to allow calendar to be controlled (onClose, onOpen, onRequestClose, onRequestOpen), portalMount prop for testing React root nodes, more alignment with other menu/dialog components
  • Additional accessiblity and testing
  • See Date Picker documentation for fullset of changes
• id on GlobalNav Link move to list item instead of a [BREAKING CHANGE]
• In Button, aria-* props now use hyphen instead of camelCase. Use aria-expanded and not ariaExpanded. [BREAKING CHANGE]

MINOR CHANGES

• Picklist bugfix where the value might be available before the options object is. This would make the active item index be incorrect.
• Fix sort arrow bug in DataTable. Only one column can be actively sorted at a time. Column heading padding has also been updated.
• Add disabled prop to Lookup.
• Popover's onRequestClose and onClose now fire once when Dialog component closes.
• Popover spacing from target/trigger is correct.
• checkProp's oneOfComponent parses displayName properly

Release 0.5.0

MINOR FEATURES

• Add portalClassName to Modal.
• Tabs: Add scoped variant

BUG FIX

• Removed {...props} from DOM nodes in components to prevent non-valid ones from being passed on (ie. <input myFunkyprop .. />). If users need specific props passed onto DOM nodes, please submit a Github issue.
• Fix icons and alert texture in Notification

Release 0.5.4

MINOR CHANGES

• Add icon/figure support to Page header (Object home variant)
• Correct dropdown trigger styling within a button group (e.g.- more button)
• Fix bug caused by DST and hours calculation in Datepicker.

Release 0.5.3

DOCUMENTATION

• Moves stories into examples folder, doc site examples are now aligned with SLDS website.

No production code changes in this release.

Release 0.5.2

INTERNAL CHANGES

• React components that are really are just sub-renders and are not meant to be consumed by end-users of this project have been moved to components/[COMPONENT_NAME]/private. Feel free to continue using components that are still in components/[COMPONENT_NAME] folder and consider them part of the public API. Hopefully, this adds clarity to what components can and should be used.
• In order to automate more the documentation site, more components are listed in package.json and an examples folder has been added to the -es tagged package to be used by the doc site.

Release 0.5.1

DOCUMENTATION

• Adds mention of setting AppElement for Modal and AppLauncher to component documenation, so that the entire body is not hidden for assistive technology users. View the modal docs for more information. If you are interested in what's currently "under the hood", you can look over the React Modal docs.

Release 0.4.7

MINOR FEATURES

• Add indeterminate state support to Checkbox.
• Add indeterminate state support to selectable variant of DataTable.
• Export InputIcon.

Release 0.4.6

MINOR FEATURE

• Allow custom classes on menu list items with item object key within options prop.

Release 0.4.5

MINOR CHANGES

• App Launcher has a modalClassName that will be added to the Modal when rendered.

Release 0.4.4

BUG FIX

• Tabs' Panel changed to TabsPanel to align with other component names.

Release 0.4.3

BUG FIX

• Manages CSS imports better for ES6, CommonJS and AMD packages. Previously, CSS imports would fail if a CSS file imports were present in the ECMAScript. This will remove the CSS imports from CommonJS and AMD packages.
• Changes TabsPane to TabsPanel
• Removes prototype status from Tabs

Release 0.4.1

BUG FIX

• Fixes bugs in allowing parent to control state of dropdown.

BREAKING CHANGES

• Replaces modal with isInline for all dropdown-like components.

MAJOR CHANGES

• Adds a Tabs component.
• Allow parent to control state of dropdown.

BUG FIX

• Tweaks the class names on dropdown trigger to match SLDS.

Release 0.3.16

BUG FIX

• Due to deprecations in v0.3.15 of Input's onIconClick, an onSearch callback has been added to Search.

Release 0.3.15

MAJOR CHANGES

• Allow icon on the left and right of inputs.
• Search can be clearable now with right clear icon.
• Input now uses iconRight and iconLeft and accepts an InputIcon component. Use of onClick makes it clickable.
• The wrapping span has been removed from ButtonIcon. ButtonIcon is just a CSS customization of UtilityIcon now.
• Be sure to check Input for deprecation notices.

Release 0.3.14

• Remove top divider as default of MenuDropdown list menu heading items.
• Adds divider key with values top and bottom to MenuDropdown options to allow for a divider to be added to a heading. See Global Navigation story for an example of adding the divider back in to heading and dividers by themselves

Release 0.3.13

BUG FIX

• In App Launcher, Tile Truncate utility uses new props to prevent UI state from being out-of-sync with props.