Skip to content

Releases: salesforce/design-system-react

v0.9.6

08 Mar 05:26
Compare
Choose a tag to compare

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

v0.9.5

08 Feb 00:03
Compare
Choose a tag to compare

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

v0.9.4

12 Jan 21:42
Compare
Choose a tag to compare

Release 0.9.4

Minor Features

  • PageHeader: Allow actions in Base variant with support of navRight
  • Combobox: Add field-level tooltip with fieldLevelHelpTooltip prop on input prop. Deprecate Combobox's assistiveText.fieldLevelHelpButton in favor of using input prop's prop. See #1689 for more details. You will see a console warning if you are doing it wrong.
  • Tooltip: Require onClickTrigger for learn more pattern
    • If learnMore Tooltip variant is used without onClickTrigger, then the “no click” basic info icon tooltip will be used with a “disabled” button.
    • If onClickTrigger is defined, a link will be rendered (this is the current behavior for learn more tooltips).
  • Add AppLauncher Tile and Section components to main module export to allow use in CommonJS build.

Bugfixes

  • DataTable: A UX pattern of Radio Group / Single Select with a Fixed Header works now.

Documentation

  • Combobox: Site examples now have unique id's
  • Re-organize Codebase Overview
  • Add maximum lines in a file lint rule of 500

v0.9.3

22 Dec 03:21
Compare
Choose a tag to compare

Release 0.9.3

Bugfixes

  • DataTable: Adds event listeners to listen for window resize by default. This creates a behavior that truncates horizontal cells and is similar to how a DataTable on the Salesforce Platform works. Additional props onFixedHeaderResize and onToggleFixedHeaderListeners are useful if you'd like to attach the resize/realign event to something besides the window/document which is the default. Adding widths to the columns with props will make the table start scrolling to the right and hide information (“overflow-x:hidden”)--so it’s an all widths or no widths solution. No widths, will make the column headers optional truncate based on the browser decided HTML table column width (and this is what you see in the examples).

v0.9.2

20 Dec 23:59
Compare
Choose a tag to compare

Release 0.9.2

Major Features

  • DataTable supports fixed headers and this allows the table headings to be visible while the table vertically scrolls.
  • DataTable has a required single select (Radio Group) pattern. selectRows specifies a row selection UX pattern. checkbox: Multiple row selection. radio: Required single row selection.

v0.8.30

12 Dec 20:40
Compare
Choose a tag to compare

Release 0.8.30

BugFixes

  • Brings in Color Picker accessiblility fixes from master branch

v0.9.1

03 Dec 23:02
Compare
Choose a tag to compare

Release 0.9.1

Notes

  • Tree nodes are now compared with node id key instead of object compare when using keyboard events
  • Testing suite runs on Windows now to enable contributions from Windows users. Use git-bash, please--no Powershell.

Major Features

  • Pill Container: Add Listbox of Pill Options component. Previously Pill components used in a group were not accessible. This component creates a pillbox or group option. Isoloated Pill component is still present, but should not be used for user input/selection.
  • Input Counter: Add Counter Example. This is useful for number input.

Minor Features

  • Combobox (Read-Only / Picklist): Add "press a letter to scroll to an option" (similar to HTML select behavior)
  • Combobox (Read-Only / Picklist): Add auto-scroll behavior on keyboard menu item selection (similar to HTML select behavior)
  • Combobox filter): Make combobox filtering more performant by not creating RegExp in a loop
  • Combobox (filter): Remove selected options based on option.id only
  • Input Counter: Disable increment/decrement buttons when min/max is hit
  • Datepicker: Add input render prop for Input customization

Bugfixes

  • Tree: Compare cached flattened nodes with id key
  • Illustration: Remove <title>
  • Input: inlineHelpText can be node as well as string proptype update.
  • Combobox/PillContainer: Pill aria-selected state is always true
  • Combobox/PillContainer: Tab propagation bug introduced with menu letter jump feature
  • DataTable: Update stackedHorizontal class name
  • Tooltip: Do not console error isTriggerTabbable if no children of tooltip.
  • Toast: Clear duration timeout in componentWillUnmount() to avoid memory leaks
  • DataTable: Generates row id if none is present

Maintenance

  • Contributor Productivity: Enable test suite on Windows and run tests concurrently by default. This update allows entire testing suite (500+ browser tests, 320+ snapshot DOM/images, prop comment validation, Prettier style, ESlint code quality) to run in less than 2 minute on most machines. This pull request also aligns npm script names. Please use npm run to view new names.
  • Contributor Productivity: Replace PhantomJS with Headless Chrome (also speeds up browser tests slightly)

v0.9.0

26 Oct 01:19
Compare
Choose a tag to compare

Release 0.9.0

You should update your application unit tests if you are using class names in your DOM queries.

Major Features

  • Update CSS class names so that they align with the modified-BEM structure that Salesforce Lightning Design System switched to in June 2017. These changes are were promised to be backwards compatible for 18 months.** . (In short, the className contains _ instead of -- now).

Minor Features

  • Input: Add styleInput prop
  • Radio: Add ref, data attribute, and className props
  • Toast: Add style prop
  • Alert: Add style prop
  • Tooltip: Align "learn more" variant with SLDS
  • Allow SLDS Token import for inline styles
  • Allow Storybook (npm start) on Windows 10
  • Vertical Navigation: Update SLDS markup/classes

Bugfixes

  • Popover (all dialogs): Prevent scroll to bottom on opening and focus of dialogs
  • DataTable: Update stackedHorizontal class name
  • Dialog: Remove isNaN gaurds since ‘inherit’ is not a number
  • Page header: Details not truncating
  • Page header: Align Media Objects and header text
  • Adding missing docs.json to some components

Maintenance and Documentation

  • Clarify new component contribution section
  • Convert createReactClass components to ES6 Classes
  • Move keyboard navigate mixin into picklist (deprecated)
  • Remove some unneeded dependencies
  • Fix typo in Spinner example
  • Update prettier CI command to fail on style issues
  • Fix lint errors

v0.8.29

25 Oct 22:32
Compare
Choose a tag to compare

Release 0.8.29

BugFixes

  • Fixes issues on color-picker component:
    1. Fixes bug where setting transparent ('') as prop value was not applied.
    2. Fixes warning message on Swatch color prop.
    3. Fixes bug where workingColor was not respecting outer color input.

v0.8.28

22 Oct 21:27
Compare
Choose a tag to compare

Release 0.8.28

Major Features