Salesforce Lightning Design System for React
BSD-3-CLAUSE License
Bot releases are visible (Hide)
Published by interactivellama over 6 years ago
Modals are now at z-index: 8000
. If there are items on the main page with a higher z-index
, they will appear in front of the modal. This setting aligns with the prescribed z-index in SLDS for $z-index-overlay
.
Require iconCategory
if iconName
is set. utility
used to be the default icon category. iconCategory
is now required.
Major features
@salesforce/design-system-react/module
now contains tree-shaking compatible ES6 modules (Tested with Webpack 4). This should work out of the box (due to package.json
's module
field) and replace CommonJS module usage in Webpack 3 and 4. See pull request for more details.Minor features
focusable
.Modal
.assistiveText.dialogLabel
to define modal label when there is no header.noHint
prop to actions and makes hints an optional field.Bug fix
Dropdown
with overflowBoundaryElement
and align=right
use max-width instead of inherited children width.Maintenance
iconCategory
if iconName
is set. utility
used to be the default icon category. iconCategory
is now required.assistiveText
is now an object with keys. Please update your component props.assistiveText
is now an object with keys. Please update your component props.assistiveText
is now an object with keys. Please update your component props.xml2json
to xml2js
in tooling to make more compatible with WindowsAdds new script storyshots:start that allows interactive viewing of what is being tested with image snapshots to allow debugging.
Published by interactivellama over 6 years ago
Minor features
variant: info || error
. Please use theme
prop going forward instead.Bug fix
focusable
when DataTableColumn sortable
is true
.Published by interactivellama over 6 years ago
Major features
Minor features
Published by interactivellama over 6 years ago
Minor features
hasStaticAlignment
prop. Allows greater control of Tooltip, Popover, and dialog components.Published by interactivellama over 6 years ago
Minor features
input
label of Combobox to show as requiredMaintenance
Documentation
Published by interactivellama over 6 years ago
Minor features
Outside SLDS pattern added
slds-has-error
wrapping div.Maintenance
var++
) instances from library for clarityNotice
package.module
has been removed from the NPM module until a transpiled ES6 module build can be published to support it. The current package.module
is considered broken already for Create React Apps--for instance, so this is not considered a breaking change. Your module bundler will just use the CommonJS build unless you are already transpiling the source code, so no changes should be need to be made.
Published by interactivellama over 6 years ago
Minor features
0.8.0-0.8.9 are not compatible with the latest versions of Create React App.
Published by interactivellama over 6 years ago
Bugfix
canUseDOM
correctly to enable focus trap. This bug is present in 0.8.0 - 0.8.7
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Maintenance
PropTypes.shape
package.json
to tabsnpm run lint:fix
Documentatation
IconSettings
Modal
footer prop descriptionPublished by interactivellama over 6 years ago
Bugfix
slds-fade-in-open
Maintenance
This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama over 6 years ago
This release has a severe Modal bug. Do not use.
Major features
Bugfix
Maintenance
This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama over 6 years ago
Major features
SplitView
componentBugfix
Modal
Combobox
with lodash.findIndex
Tree
Maintenance
This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama almost 7 years ago
Bugfix
Lookup
required prop issue due to Dialog
upgrade to PopperJS.Icon
not present in NPM module due to gitignore's EMACS settings.This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama almost 7 years ago
Maintenance
This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama almost 7 years ago
Major features
Bugfix
setState
call when handling click to set active
property. This was causing some setState
issues on when unmounting Button
.title
attribute to truncated Tree
nodesMaintenance
npm run format
command to run prettier and ESlint. Update to ESlint settings.This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama almost 7 years ago
Please note: All menus, tooltips and popovers should work just as before, but the positioning engine has changed to allow server-side rendering and easier testing. It is recommended that you check your menus, tooltips and popovers to confirm they are positioned as you want them after upgrading.
Major features
relative
: all CSS, no JS variantabsolute
: Uses PopperJS inline variant [DEFAULT]overflowBoundaryElement
: Use a Portal with PopperJS.hasStaticAlignment
is now the standard to prevent a flipping menu.Maintenance
This version does not have "focus trap" for Popover
. This bug is present in >=0.8.0
versions. Upgrading to 0.8.8
is recommended for Popover
and other components to be accessible.
Published by interactivellama almost 7 years ago
Minor features
menuItem
prop for Combobox.Published by interactivellama almost 7 years ago
Major features
Bugfix Changes
isSorted
and sortDirection
are both required if you are sorting a column. See #1163 for more background.li
tag.Maintenance
forceUpdate
from Tree exampleparentSelector
use description to ModalplaceholderReadOnly
Published by interactivellama about 7 years ago
icon
prop data passed directly in to work properly again.assistiveText
from MenuDropdown to trigger buttonclassname
with classnameContainer
on TextArea containerPublished by donnieberg about 7 years ago
design-system-react.js
bundle. An additional bundle has been added design-system-react-components.js
without bundled icons. See readme for use of <IconSettings/>
to set icon context.npm install @salesforce-ux/icons
OR download them from SLDS website: https://core-210.lightningdesignsystem.com/downloads)<IconSettings />
higher order component and pass in the path to where you are hosting your own icons. It might look something like this:import IconSettings from 'design-system-react/components/icon-settings';
ReactDOM.render(
<IconSettings iconPath="/assets/icons">
<MyApp />
</IconSettings>,
document.getElementById('app')
)
# This component can be wrapped around the entire app and/or individual components using Icons.
All direct CommonJS's module.exports
have been removed. All components use ES6 which is component.default
in CommonJS.
Removed disabled styles from Tabs however you can still disable the Tab, and aria-disabled still appears on the Tab <a>
. You'll just need to provide your own css for styling it.
type="button"
to Button
as default (markup change).isOpen
, onRequestOpen
, and onRequestClose
to Lookup.disabled
to Menu Item which gets passed to aria-disabled
on role="option"
. Pass it down through options like so: <MenuDropdown
options={[
{ disabled: true, label: 'Option A', value: 'A0' },
{ label: 'Option B', value: 'B0' },
{ label: 'Custom Class', className: 'custom-item-class', value: 'custom0' }
]}
...
/>
Published by interactivellama about 7 years ago
module.exports
have been removed.design-system-react.js
bundle. An additional bundle has been added design-system-react-components.js
without bundled icons. See readme (in 0.7.x branch) for use of <IconSettings/>
to set icon context.type="button"
to Button
as default (markup change)