design-system-react

Salesforce Lightning Design System for React

BSD-3-CLAUSE License

Downloads
90.8K
Stars
903
Committers
189

Bot releases are hidden (Show)

design-system-react - v0.3.12

Published by interactivellama about 8 years ago

MAJOR CHANGES

  • Add Dropdown wrapping div to align with SLDS and allow menu nubbins to be positioned with default CSS. [DOM change]
  • Make Global Header dropdowns inline instead of "modal"

BUG FIX

  • In Picklist, pressing enter now triggers the onClick prop
design-system-react - v0.3.11

Published by interactivellama about 8 years ago

Release 0.3.11

BUG FIX

  • In Picklist, tabbing moves focus to the next tabbable DOM element, instead of opening the menu.
  • In Dropdown, an onClick prop is passed down to all custom content children, so that they can close the menu.
design-system-react - v0.3.10

Published by interactivellama about 8 years ago

Release 0.3.10

MAJOR CHANGES

  • Adds hybrid to openOn options of GlobalNavigationDropdown. This allows a click to open and hover out to close in case one does not have control of the DOM outside of the navigation.
design-system-react - v0.3.9

Published by interactivellama about 8 years ago

Release 0.3.9

Bug Fix

  • Prevent Global Nav menus from flipping up at small screen heights
design-system-react - v0.3.8

Published by interactivellama about 8 years ago

Release 0.3.8

Bug Fix

  • Make App Launcher Tile More tooltip trigger a span tag
  • Make inline input’s edit icon smaller
  • Make DatePicker and TimePicker value prop the source of future state

Documentation

  • Add mention of classnames library to contributing.md
  • Add test coverage comments, surfacing in-browser tests
design-system-react - v0.3.7

Published by futuremint about 8 years ago

MAJOR CHANGES

  • Global Navigation menus no longer are fixed to a height of 5. They're as high as their content.
  • Card heading can also be a node to allow full customization of a Card header
  • Card control is now fully stateless to better match React patterns

Bug Fix

  • Sets App Launcher modal to 90% height
  • Sends correct href to App Launcher Tile click callback
  • Corrects markup for menu separators and headers in Global Navigation
design-system-react - v0.3.6

Published by interactivellama about 8 years ago

Release 0.3.6

MAJOR CHANGES

  • Add Tree as a prototype component. Tree is not accessible to assistive technology at this time.
  • Add GlobalHeader to default library export.

Bug Fix

  • Detect PageHeader detail field truncation on update instead of mount.
design-system-react - v0.3.5

Published by interactivellama about 8 years ago

Release 0.3.5

MAJOR CHANGES

  • Add style and bodyClassName props to Card to allow overflow on Card body.
  • Add length prop to GlobalNavigationMenuDropdown and MenuDropdown. It can be set to null to remove scrolling.
design-system-react - v0.3.4

Published by interactivellama about 8 years ago

Release 0.3.4

MAJOR CHANGES - SLDSPageHeader

  • Make field truncation optional.
  • If field truncates, then show PopoverTooltip on hover/focus to view full field text.

OTHER

  • Lookup component had a bug where updating the selectedItem prop did not work. Now it does. To clear the item, pass in -1.
  • Focus on search input when App Launcher opens
  • No longer renders a close button if modal type is prompt.
  • Lookup search icon default should be on right side.
design-system-react - Bugfixes, cleanup, and the addition of amd releases

Published by tweettypography about 8 years ago

Release 0.3.2

MAJOR CHANGES

  • Add an AMD tag for users of Require.JS
  • Makes the keyboard navigation logic less greedy
  • Closes dropdown menu on second click of trigger
  • Closes dropdown menu when another modal opens
  • Closes dropdown menu when tabbed away from
  • Opens hoverable dropdown menu on focus
  • Provides a workaround for closing dropdown menus when clicking in another iframe
  • Returns focus to the dropdown menu trigger when clicking escape
  • Removes the default divider from the primary Global Navigation region when no secondary region is present

OTHER

  • Remove SLDS media figure when no icon present in page header
  • Adds a default iconPosition to Lookup
  • Fixes modal Prompt heading style
design-system-react - Allow setting of active navigation bar item background color

Published by tweettypography about 8 years ago

Release 0.3.1

MAJOR CHANGES

  • Allow setting of active navigation bar item background color

OTHER

  • Allows you to put the navigation bar right into the header if desired
design-system-react - AppLauncher and Popover updates

Published by tweettypography about 8 years ago

Release 0.3.0

BREAKING CHANGES

  • AppLauncher now accepts a search node rather than onSearch and searchPlaceholderText
  • Popover openByDefault has been replaced with isOpen

MAJOR CHANGES

  • Adds special support for Global Header icons
design-system-react - v0.2.4

Published by interactivellama about 8 years ago

Release 0.2.4

MAJOR CHANGES

  • Add toggleable prop to AppLauncherSection
  • Add GlobalNavBarLabel child component
  • Make GlobalHeader search to use left side icon
  • Correct letter spacing of AppLauncherTile sub-heading

OTHER

  • Adds 'tile' and 'section' imports to AppLauncher for site
design-system-react - AppLauncher bugfixes

Published by tweettypography about 8 years ago

Release 0.2.3

MAJOR CHANGES

  • Bugfixes and documentation for AppLauncher
design-system-react - v0.2.2

Published by interactivellama about 8 years ago

Release 0.2.2

MAJOR CHANGES

  • Add Modal header and headerClassName props to allow for custom headers

OTHER

  • Update the truncation logic to account for AppLauncher's description headings
  • Center AppLauncher search bar with CSS
  • AppLauncher makes use of Modal's new header prop
  • Remove id generator from button component (let parent generate it, if needed)
design-system-react - v0.2.1

Published by interactivellama about 8 years ago

Release 0.2.1

BREAKING CHANGES

  • Updates the GlobalNavigationBarLink to pass { href } as the second parameter

MAJOR CHANGES

  • Remove trapEvent from GlobalNavigationBarLink and replace with preventDefault to allow clicks to bubble up
  • Adds support for custom content to Global Header profile
  • Cleans up the dividerPosition of Nav Region

OTHER

  • Updates the icon script to lowercase names
  • Makes the Nav Menu trigger use chevron icon
  • Corrects check props for profile children
design-system-react - Release 0.2.0

Published by tweettypography about 8 years ago

Release 0.2.0

BREAKING CHANGES

  • Changes to how the inverse prop works for icons and removal of the default value of true
  • Button component: Inverse style of Button (white color to go on dark backgrounds) is now declared with a bool prop, inverse
  • Button component: inverse and icon-inverse are no longer supported in the variants prop

MAJOR CHANGES

  • Add support for custom svg icons
  • Update Icon to the latest markup
  • Update Tooltip to the latest markup
  • Allow custom styles to be passed to icons

OTHER

  • Allow menus and buttons used in the Global Nav Bar to be marked as active
  • Animates the App Launcher icon based on the latest SLDS markup
  • Button component: when button icon had an iconVariant prop, the iconSize prop did not render. It is now fixed
  • Timepicker wasn't working correctly after the menu updates in 0.1.1. It is now fixed
  • Update the logo used in the Global Header story
design-system-react - Adds the App Launcher

Published by tweettypography about 8 years ago

Release 0.1.2

MAJOR CHANGES

  • Add the App Launcher component
  • Add support for the title attribute for icons

OTHER

  • Additional code cleanup
design-system-react - Updated Lookup, Dropdown, Picklist, Global Nav & Header, and Forms

Published by donnieberg over 8 years ago

Release 0.1.1

MAJOR CHANGES

  • Add support for icons, headers, links, and dividers to Dropdown and Picklist menus
  • Add support for custom content in Dropdown menus
  • Update Lookup to the latest markup
  • Update Picklist to the latest markup

OTHER

  • Add name attributes to Checkbox and Input
  • Add Button support to Global Navigation Bar
  • Update the keyboard navigation logic used by menus
  • Update profile icon used in the Global Header
design-system-react -

Published by tweettypography over 8 years ago

BREAKING CHANGES

  • Rename ContextBar to GlobalNavigationBar

MAJOR CHANGES

  • Add the Global Header component
  • Add a Search component
  • Updates BreadCrumb to the latest markup
  • Updates PageHeader to the latest markup

OTHER

  • Begin counting versions from 0.1.0
  • Add buffered option to DataTable
Package Rankings
Top 1.59% on Npmjs.org
Badges
Extracted from project README
Build Status DeepScan grade Known Vulnerabilities Monthly NPM downloads
Related Projects