Releases: salesforce/design-system-react
Releases · salesforce/design-system-react
v0.10.1
Release 0.10.1
Bugfixes
Carousel
:Button
import path was incorrect. Resulting in aError: Can't resolve '../../../../components/button'
message
Maintainance
Carousel
: AddisPrototype
warningDropdown
: AddsunsetProperty
fortooltip
prop
v0.10.0
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. UseonRequestTargetElement
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 dialogclassName
propButton
: Addoutline-brand
variantAvatar
: Addinverse
variantCard
: AddhasNoHeader
prop to remove headerPillContainer
: Return null if options is emptySpinner
: AddsisDelayed
prop to component
Bugfixes
Combobox
: Cancel mouseDown bubble from listbox div tag in order to help not trigger onBlur when uses clicks menu scrollbarPopover
: Change ARIA role todialog
ButtonStateful
: Use prevState to update state in componentInput
: Remove always true condition, 'props.hasSpinner'Input
: Update error icon from warning icon to error iconTree
: Adds unneededaria-hidden=true
to closer align with SLDS markupPopover
: Change ARIArole
todialog
ProgressRing
: Fix examples pageAppLauncher
: 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
: Replacedismissible
withdisableClose
inButton
: Fix assistive text in small icon hint inverse exampleAlert
: Add ability for example to closeCombobox
: UpdatemenuItem
toonRenderMenuItem
Vertical Navigation
: Removeshade
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" storyGlobalNavigationBar
: Remove overlapping items from exampleLookup
: Add visual deprecation heading to component
v0.9.6
Minor Features
Popover
: Adderror
andwarning
variantsDataTable
: AddisDefaultSortDescending
prop to allow descending as first time sort directionCombobox
: Adddisabled
prop to readonly and inline-listbox variantsPillContainer
: Return null if options is emptyInput
: AddautoComplete
prop. (Newer versions of Chrome browser ignoreautocomplete="off"
).Combobox
: AddInput
prop on in order to expose allInput
props withinCombobox
Bugfixes
BrandBand
: Lightning Theme Fix - Styles were intermittently applied beforeDataTable
: Add missing top gray border to fixed header tablesIconSettings
: Add additional inheritance of context foroverflowBoundaryElement
Dialog position which uses portals.Input
: Update error icon from warning icon to error iconInput
: PreventPropTypes
warning informs/private/label
whenlabel
prop contains a Reactnode
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
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
Release 0.9.4
Minor Features
PageHeader
: Allow actions in Base variant with support ofnavRight
Combobox
: Add field-level tooltip withfieldLevelHelpTooltip
prop oninput
prop. DeprecateCombobox
'sassistiveText.fieldLevelHelpButton
in favor of usinginput
prop's prop. See #1689 for more details. You will see a console warning if you are doing it wrong.Tooltip
: RequireonClickTrigger
for learn more pattern- If
learnMore
Tooltip variant is used withoutonClickTrigger
, 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).
- If
- Add
AppLauncher
Tile
andSection
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
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 aDataTable
on the Salesforce Platform works. Additional propsonFixedHeaderResize
andonToggleFixedHeaderListeners
are useful if you'd like to attach the resize/realign event to something besides thewindow
/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
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
Release 0.8.30
BugFixes
- Brings in Color Picker accessiblility fixes from master branch
v0.9.1
Release 0.9.1
Notes
- Tree
nodes
are now compared with nodeid
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. IsoloatedPill
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 benode
as well asstring
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
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, andclassName
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