Components
Version history
Our components are constantly evolving alongside our product. Learn what’s new and see a version history of our component library.
Change Log
25.0.1
Patch Changes
- 57648a5: All packages now depend on the latest seed component builds
- Updated dependencies [57648a5]
- @sproutsocial/seeds-react-theme-provider@1.1.1
- @sproutsocial/seeds-react-partner-logo@1.2.1
- @sproutsocial/seeds-react-system-props@3.0.1
- @sproutsocial/seeds-react-utilities@4.0.1
- @sproutsocial/seeds-border@1.6.2
- @sproutsocial/seeds-react-button@1.1.1
- @sproutsocial/seeds-react-mixins@3.0.1
- @sproutsocial/seeds-react-popout@1.2.1
- @sproutsocial/seeds-react-switch@1.1.1
- @sproutsocial/seeds-react-hooks@3.0.1
- @sproutsocial/seeds-react-theme@2.0.1
- @sproutsocial/seeds-react-icon@1.1.1
- @sproutsocial/seeds-react-box@1.1.1
25.0.0
Major Changes
-
8f63add: Discontinuation of Flow Type System
We have officially discontinued the use of the Flow type system in
@sproutsocial/racine
. All Flow types have been removed from the codebase as part of this major release.To continue using
@sproutsocial/racine
, please ensure your projects have migrated away from Flow and are now using TypeScript.
Patch Changes
- bd717d0: # Allows overrides to Avatar border prop
- Before this change, Avatar component accepted a
border
prop as one of its system props, however it did not have any effect due to a default border style in the component. - With this change, Avatar now allows
border
prop overrides. - The
border
prop accepts system values500
,600
, and700
for1px solid
,2px solid
, and3px solid
, respectively. Valid strings such as'1px dashed'
or'4px solid'
are also accepted.
- Before this change, Avatar component accepted a
- 63beb74: Update displayUnits prop on Duration component to account for partial durations with missing display units
- Updated dependencies [8f63add]
- Updated dependencies [15009dd]
- @sproutsocial/seeds-react-system-props@3.0.0
- @sproutsocial/seeds-react-utilities@4.0.0
- @sproutsocial/seeds-react-mixins@3.0.0
- @sproutsocial/seeds-react-hooks@3.0.0
- @sproutsocial/seeds-react-theme@2.0.0
- @sproutsocial/seeds-border@1.6.1
24.2.0
Minor Changes
- 538d167: - Added
displayUnits
prop to the Duration component to give users manual control over which time units are displayeddisplay
prop on the Duration component now defaults to "narrow" instead of "long"- Exporting a new helper function for Duration named
getDurationMaxDisplayUnits
that gets the largest number of display units based on the milliseconds value
24.1.0
Minor Changes
-
25d94a2: Racine now includes a new Duration component. It is a primitive component used to format durations of time according to our date & time formatting guidelines Additionally, the package includes a formatDuration helper, which can be used to get a stringified version of a duration.
-
bd3fc39: ### Deprecation Notice: Flow Type System
We are officially deprecating the use of the Flow type system in
@sproutsocial/racine
. This change affects all Flow types used in this library. Flow support will be discontinued entirely on October 24th.To ensure a smooth transition, please migrate your projects away from Flow types and start using TypeScript as soon as possible.
If you have any questions or need assistance, feel free to reach out to the team.
Thank you for your understanding and cooperation as we work towards improving our codebase.
24.0.0
Major Changes
- e8cb094: Remove negative margin in Message.Footer to allow web-app-core to control this style.
- 7e82fee: Removes deprecated
variant
prop from Avatar- The
variant
prop has been deprecated for over a year, and is no longer necessary due to built-in theme support in the Avatar component. - This change removes all references to the
variant
prop from the Avatar component and its documentation.
- The
Minor Changes
- 7e82fee: Adds
initials
prop to Avatar- The new prop allows consumers to manually define the initials displayed on the Avatar component when an image is not provided or fails to load.
- The existing automatic initials generation (which uses the first character of the first 1-2 words of the
name
prop) will still be used if aninitials
prop is not provided. - Also adds test cases for the new prop to ensure it functions as expected.
Patch Changes
- 7e82fee: Removes background color while Avatar image is loading
- Before this change, an Avatar's background color would briefly appear while an Image-based Avatar was loading.
- After this change, an Avatar will not have its background color set until the image has failed to load, or if no
src
prop is provided.
23.2.1
Patch Changes
- dc8e3f6: Fix Badge component so that it now allows overriding the data-qa props
23.2.0
Minor Changes
- e3834c0: Support for negative number abbreviation in the Numeral component
Patch Changes
- Updated dependencies [72c52c8]
- Updated dependencies [9612ff1]
- @sproutsocial/seeds-icons@1.13.0
- @sproutsocial/seeds-react-theme@1.6.0
23.1.0
Minor Changes
- 2106086: Adding new formatNumeral function that exports string version of Numeral component
23.0.0
Major Changes
-
2033035: Move
react-toastify
to peer dependencyThis allows Racine to avoid forcing consumers to upgrade to React 18 by allowing consumers to use
react-toastify
v9 if they can't upgrade to React 18 while allowing consumers who can upgrade to React 18 to usereact-toastify
v10.To Migrate: add your current version of react-toastify to your application's package.json as a dependency
toast
now accepts and spreads props ofreact-toastify
'stoast
so that consumers can customize the behavior of the underlying library. We've also deprecated thecolor
andicon
props in favor oftheme="custom"
.
22.5.1
Patch Changes
- b6a96b0: Fixes Message innerRef prop type
- Type corrected from
React.Ref<"div">
toReact.Ref<HTMLDivElement>
. - This matches the built-in TypeScript type of the
innerRef
prop as usedMessage
component.
- Type corrected from
- Updated dependencies [b6a96b0]
- @sproutsocial/seeds-border@1.6.0
- @sproutsocial/seeds-react-theme@1.5.0
22.5.0
Minor Changes
- e5df935: Add React 18 support
Patch Changes
- Updated dependencies [e5df935]
- @sproutsocial/seeds-react-box@1.1.0
- @sproutsocial/seeds-react-button@1.1.0
- @sproutsocial/seeds-react-checkbox@1.1.0
- @sproutsocial/seeds-react-hooks@2.1.0
- @sproutsocial/seeds-react-icon@1.1.0
- @sproutsocial/seeds-react-input@1.1.0
- @sproutsocial/seeds-react-mixins@2.2.0
- @sproutsocial/seeds-react-partner-logo@1.1.0
- @sproutsocial/seeds-react-popout@1.1.0
- @sproutsocial/seeds-react-portal@1.1.0
- @sproutsocial/seeds-react-radio@1.1.0
- @sproutsocial/seeds-react-switch@1.1.0
- @sproutsocial/seeds-react-system-props@2.3.0
- @sproutsocial/seeds-react-text@1.1.0
- @sproutsocial/seeds-react-theme@1.4.0
- @sproutsocial/seeds-react-theme-provider@1.1.0
- @sproutsocial/seeds-react-utilities@3.1.0
22.4.1
Patch Changes
- 6dbb477: Updated Card component utility to fix a console warning about setting state during the render step by wrapping the offending state change in a useEffect wrapper. Should solve the issue for all Card subcomponents
22.4.0
Minor Changes
- c984c58: Character counter component now considers 0 as valid
Patch Changes
- Updated dependencies [7f88b0a]
- @sproutsocial/seeds-icons@1.9.0
22.3.0
Minor Changes
- ff007ce: Neutral sentiment icon color has been updated to pass 3:1 color contrast.
Patch Changes
- Updated dependencies [f5b07e3]
- @sproutsocial/seeds-partner-logos@1.9.0
22.2.1
Patch Changes
- 8be80a5: new readme
- Updated dependencies [0320161]
- Updated dependencies [0320161]
- Updated dependencies [8cc6103]
- Updated dependencies [c133344]
- @sproutsocial/seeds-illustrations@1.5.0
- @sproutsocial/seeds-partner-logos@1.6.0
- @sproutsocial/seeds-networkcolor@2.16.0
- @sproutsocial/seeds-react-theme@1.1.0
22.2.0
Minor Changes
- 3dce611: Added a disabled prop to the Segmented Control Item component
Patch Changes
- 24dc525: Attached document-level event handlers in capture phase to fix issues with React 17
- be826e8: Racine and Seeds React now share the same systemProps to avoid any current/future discrepancies regarding which components or props are being exported. Duplicate Racine systemProps have been deleted.
- Updated dependencies [24dc525]
- @sproutsocial/seeds-react-popout@1.0.2
22.1.1
Patch Changes
- ed9aded: Fixes a bug where jest axe was inadvertently being included in a package consumed by the web-app
- Updated dependencies [ed9aded]
- @sproutsocial/seeds-react-hooks@2.0.2
- @sproutsocial/seeds-react-icon@1.0.1
22.1.0
Minor Changes
- 3ff0f4c: Menu dependencies are now separate packages.
Patch Changes
- 4f94d34: Fix broken
active
prop onMenu.Item
component
22.0.0
Major Changes
- 3c28d7b: - All imports in Racine have been updated to use the new mixins, theme, and utilities packages
- Old files remain in place to support pre-existing file drilling
Patch Changes
- Updated dependencies [9aaaa9c]
- @sproutsocial/seeds-react-system-props@2.1.0
21.1.0
Minor Changes
- e254b62: Support passing the scope property to TableCell
Patch Changes
- e254b62: Network colors for
trustpilot
ratings have been added astrustpilot_0_star
(or the applicable rating from 0-5) - e254b62: Round up inner Collapsible box height measurement
- Updated dependencies [e254b62]
- @sproutsocial/seeds-networkcolor@2.15.1
21.0.2
Patch Changes
- 75faf70: Fixes a bug where checkboxes were rendering incorrectly.
21.0.1
Patch Changes
- d2988bb: Add border to avatar when src provided but errors
21.0.0
Major Changes
-
61ebd8a: Breaking Change:
Uses
@sproutsocial/seeds-partner-logos
for Partner Logo assetsUses
@sproutsocial/seeds-illustrations
for Spot Illustration assets- Partner logo assets are now stored in a new package called
@sproutsocial/seeds-partner-logos
. - Spot illustration assets are now stored in a new package called
@sproutsocial/seeds-illustrations
. @sproutsocial/seeds-partner-logos
and@sproutsocial/seeds-illustrations
are now peer dependencies of Racine.- Sprites: Instead of using logo.svg or illustration.svg from Racine’s dist/directory, the sprites should be imported from the respective packages. Attach these spritesheets to the DOM in the same way as the
@sproutsocial/seeds-icons
sprites. - Dependencies: Add
@sproutsocial/seeds-partner-logos
and@sproutsocial/seeds-illustrations
to your application’s dependencies.
- Partner logo assets are now stored in a new package called
20.17.0
Minor Changes
- 57799e9: Add profile groups spot illustration
20.16.0
Minor Changes
- fc4f89c: Updated theme to include new 50 level magenta and teal literal colors
Patch Changes
- Updated dependencies [fc4f89c]
- @sproutsocial/seeds-color@2.1.0
20.15.0
Minor Changes
- 1164ab2:
Image
onError callback now passes the error event as an input
20.14.0
Minor Changes
- 8eb9741: Add TikTok and YouTube partner logo lockups
20.13.6
Patch Changes
- b2ff294: Critical readme updates
20.13.5
Patch Changes
- a2a2302: Remove README extra content
20.13.4
Patch Changes
- e4149ea: Testing a release
20.13.3
Patch Changes
- b0e00ae: Remove the yarn.rc file
20.13.2
Patch Changes
- 9b002e8: Remove racine npmrc file
20.13.1
Patch Changes
- 179d541: Add missing value for
button.pill.border.hover
to the light theme
20.13.0
Minor Changes
- 516544cf9: add trustpilot partner logos
20.12.0
Minor Changes
- e83d2eb4f: - Update the default
Input
type forMenuFilterInput
to 'search'- Fix race condition bug which fails to update the
Input
value when using the clear button on search inputs
- Fix race condition bug which fails to update the
Patch Changes
- b3be51600: Remove whitespace from border of threads partner logo
- b52ca03cc: Fix border-radius for modals to use 8px instead of 6px
20.11.0
Minor Changes
- 722b5fe5f: Add Threads network color to theme
20.10.0
Minor Changes
-
baa709cbe: Allow the control of Menu (and Listbox) state
Uses the same pattern as Popout.
-
89075a1b1: Upgrade from node v16 to v18
Patch Changes
- 2ec7f343e: Update text.subtext theme color in dark mode to better reflect accessible contrast standards
- 30fdb087d: Update Tooltip id to propertly match
describedBy
aria tag
20.9.0
Minor Changes
-
2e135c53a: Add prop to Drawer to allow certain elements to be exempt from the Drawer focus lock
This is helpful when Pendo Guide are activated while a drawer is open.
-
60ba119e2: The width of Drawer can now be customized using the
width
prop.
20.8.0
Minor Changes
- ba43d9369: Updates the seeds-color dependency which includes the new blue
- d77544cb6: Update sproutsocial PartnerLogo to latest look
20.7.0
Minor Changes
- 0c09b39cc: Adding Threads logo in light and dark versions
Patch Changes
- 7989c088f: Fix
Menu
keyboard functionality to not select disabled menu item
20.6.0
Minor Changes
-
75ca2857b: Adds Menu.Switch subcomponent to Menu and Listbox
- Including a Switch in a Menu by passing it as a Menu.Item's children or elemAfter is not accessible for keyboard users.
- The new Menu.Switch component allows a consumer to use a Switch in a Menu while retaining keyboard accessibility.
- Like the Menu.Checkbox and Menu.Radio subcomponents, Menu.Switch should be used in place of a Menu.Item, not as a Menu.Item's children, elemBefore, or elemAfter.
- The placement of the Switch, i.e., in
elemBefore
orelemAfter
, is determined by theplacement
prop. - The text that serves as a label for the Switch can be passed into Menu.Switch as the
children
orlabel
prop. Menu will handle programmatically associating the text with the Switch. You should not wrap the text in a Label component. - Listbox is a variant of Menu; the same changes and guidelines apply to Listbox.
Simplified example migration:
Before
<Menu><Menu.Item><Label htmlFor="switch-id">Switch label</Label><Switch id="switch-id" onClick={handleClick} checked={selected} /></Menu.Item></Menu>After
<Menu><Menu.Switchid="switch-id"placement="after"onClick={handleClick}selected={selected}>Switch label</Menu.Switch></Menu> -
bc2935791: Add X (Twitter) logo to partner logos
Patch Changes
- bc2935791: Upgrade @babel/traverse
20.5.0
Minor Changes
- bc2935791: Add X (Twitter) logo to partner logos
20.4.1
Patch Changes
- 35df3316c:
Tooltip
types now allow for the use ofonFocus
in cases where the implementation requires an event during hover - 35df3316c: Upgrade @babel/traverse
20.4.0
Minor Changes
- 98dcd1d61: Upgrades scroll-into-view-if-needed from v1 to v2
Patch Changes
- 98dcd1d61: Refactor tooltip to better address event bubbling and accessibility issues
20.3.1
Patch Changes
- 5e137f7c: hotfix issue with layers in web-app-core caused by stopping escape event propagation in tooltip
20.3.0
Minor Changes
- e83128a9: Add flex and grid system props to the Button and Text components
- a90ffa7d:
FormField
component now supportsrequired
prop, which marks the label with an asterisk and sets children elements to required. - 7672a5d2: Updated the
Icon
component so that when a non-variant tagname
is passed in and thesize='mini'
, then the default variant will besolid
instead ofoutline
.- Example:
<Icon name='tag' size='mini' />
would display thetag-solid
icon at themini
size. - Note: This behavior can be overridden by passing a name with a variant such as
<Icon name='tag-outline' size='mini' />
- Example:
- 354caff2: Add carousel indicator color tokens
Patch Changes
- 97366f0a: Use id of head cells instead of colGroup for key
20.2.0
Minor Changes
- 26140808: - Skeleton accessibility improvements and design changes. Improves color contrast and adds a
prefers-reduced-motion
media query.- borderRadius selection will now differentiate between circular (avatar) loading states, or linear (the default state). Any usages of circular skeletons will need to explicitly define borderRadius='pill' property, all others will default appropriately.
- Updates the neutral.highlight theme color from
COLOR_NEUTRAL_500
toCOLOR_NEUTRAL_600
Patch Changes
- c8b0af6b: Address tooltip focus issues when hovering over the tooltip content
- 89cf4057: Fix date pickers not closing on ESC key press w/ React 17
20.1.0
Minor Changes
- 1a52bdb4: Adds footerContent prop to Menu/Listbox to improve keyboard accessibility
- Currently, the
children
prop is the only way to pass content to be rendered inside a Menu. Menu implicitly expects the only interactive elements inchildren
to beMenu.Item
s. When interactive, non-Menu.Item
content is included inchildren
, it will not be accessible to keyboard users, because any keydown events will be applied to the activeMenu.Item
s instead. - The new
footerContent
prop allows content that should be shown below the Menu Items to be passed and focused separately. When the focus is on the footer,Menu.Item
keyboard events will be suppressed, allowing interaction with thefooterContent
. - Listbox is a variant of Menu, so the explanation and changes described apply equally to Listbox.
- Currently, the
- cfab3798: - Avatar now accepts
type="auto"
to automatically and randomly apply a background color- Deprecated
variant
prop. Avatar now handles darkmode automatically - A border is now applied by default to Avatars that have not been given an image
- Fixed a bug where the
color
prop was needlessly appending 'px' to color values
- Deprecated
- fd96bb33: The Tooltip component has undergone several updates with a focus on accessibility
- The tooltip component now keeps the tooltip open when the mouse hovers over the tooltip content. Previously, the tooltip would close as soon as the mouse left the tooltip trigger.
- The tooltip component now closes when the user presses the escape key on the keyboard.
- The tooltip content now has the
role='tooltip'
attribute, improving accessibility. Tooltip
and subsequentlyPopout
component no longer propagateid
throughout all of their children
Patch Changes
- 2167e323: - Changed the manner in which we were handling a transparent color on LoaderButton from using the polishedjs rgba() to hexadecimal.
20.0.0
Major Changes
-
d3b6122f: Breaking Change: Uses @sproutsocial/seeds-icons for Icon assets
- Icon assets are now stored in a new package called @sproutsocial/seeds-icons.
- @sproutsocial/seeds-icons is now a peer and dev dependency of Racine.
- All icons now have solid and outline variants, with outline being the default. Variants are specified as a part of the icon name (e.g.,
bell-solid
); if omitted, the outline version will be rendered by default.
To recap the migration steps from our announcement of these changes:
- Sprites: Instead of using icon.svg from Racine’s dist/ directory, the sprites should be imported from @sproutsocial/seeds-icons for each category of icons you want to include. Attach these spritesheets to the DOM in the same way you do icon.svg.
- Dependencies: Add @sproutsocial/seeds-icons to your application’s dependencies.
- Icons: Most icon names are changing as a part of this refactor. Run the 'icon-library' codemod to automatically update as many icon names as possible. The codemod cannot fix Icon components where the name prop is not a string, but the codemod will (by default) add a code comment when this occurs, to help you find cases where you need to manually update icon names.
- Icon variants: The codemod may not always map to the correct variant for your use case. In these cases, manually update the variant by updating the icon
name
prop.
-
d3b6122f: Removes reddit-alien PartnerLogo in favor of reddit
- The
reddit
PartnerLogo is also updated to look like thereddit-alien
PartnerLogo did
- The
19.0.1
Patch Changes
- 52e76ee2: Overriding the type for
React.HTMLAttributes
so that it includeddata-*
attributes- This fixes a bug which did not allow passing data attributes on
Input.inputProps
- Also updates
React.ComponentProps
since it consumedReact.HTMLAttributes
- This fixes a bug which did not allow passing data attributes on
- d9df9d52: Fixing a bug in CardLink component that opened two tabs when clicked
19.0.0
Major Changes
-
7c096210: 🚧 Breaking Changes 🚧
- Remove deprecated
OverflowList
component (andreact-virtualized
dependency) - Remove deprecated example dataviz color rotation exports
🛠️ Non-breaking Changes 🛠️
- Add support for
react
andreact-dom
v17 - Upgrade dependencies
react-modal
react-popper
- Remove deprecated
Minor Changes
- 0aea6f0d: Add
fontSizes
andlineHeights
objects to the theme. These objects fix a bug on the Card component and set us up to use the default system props behavior in future refactors.
Patch Changes
- 7b871fe7: Clickable children of non-sortable
TableHeaderCell
components will now fire their onClicks properly. - e6cc9ab1: Remove webpack specific raw css import from the toast component.
18.0.0
Major Changes
- fb938ad3: The HTML structure for the menu and listbox groups has been rearranged to improve accessibility for grouping
- When a title is provided to the
<Menu.Group />
or<Listbox.Group />
component, the title is now correctly nested within the menu group container with the appropriaterole
andaria-labelledby
attributes Menu
andListbox
title container is now ali
instead of adiv
for improved accessibility- Developers are now able to provide a custom
role
to theMenu.Group
andListbox.Group
components as well as override the padding applied to the title container
- When a title is provided to the
Minor Changes
- 5f60f73a: Adds the
invalidNumberLabel
prop toNumeral
- The label you provide will be added as visually hidden text to any instance of Numeral with an invalid value (i.e., where we render an em dash (
—
)). - The prop is optional, but passing in a localized label is strongly recommended for accessibility purposes.
- Without this prop, screen readers will not read off anything for invalid values.
- With this prop, screen readers will read off the
invalidNumberLabel
for invalid values, providing clear feedback to screen reader users.
- Users should pass an
invalidNumberLabel
prop to all instances of Numeral; Numeral handles conditionally applying or omitting the label as needed.
- The label you provide will be added as visually hidden text to any instance of Numeral with an invalid value (i.e., where we render an em dash (
- 23f73d44:
Card
component enhancements- Adds the ability to specify an external link on the CardLink component.
- Provides Flow types for the subcomponents.
- 9e33f361: Fix
Link
accessibility issues- Changes default state of underline prop from false to true
- Updates stories to accurately reflect accessible link usage
Patch Changes
- ba5d2429: Accessibility bugfixes for the
ChartLegend
component- Recreates provided "contrast", "compare", and "extended" palettes in React hook to utilize the Racine theme
- Deprecation warnings added to the "contrast", "compare", and "extended" palettes
- Due to low usage of these palettes, ChartLegend will rely solely on the dataviz rotation and custom colors moving forward
- Provides 3:1 contrast ratio
- Dark mode support
17.0.0
Major Changes
-
5234f32d: Accessibility updates to Card based on Perkins review.
Breaking changes
- Card using role='link' will no longer work without the
CardLink
subcomponent
Enhancements
- Cards with
role='link'
should now wrap link text in theCardLink
subcomponent - Improves screen reader accessibility by pairing Cards as links with the new
CardLink
subcomponent - Adds
CardLink
subcomponent- Link text wrapped in CardLink renders an anchor tag as a child of Card
- Preserves the behavior that allows the user to click the whole Card as the link
- Handles navigating to the href using default link behavior.
- Includes an
affordance
prop that makes composing a Card as a link easy and visually appealing
- Card using role='link' will no longer work without the
Minor Changes
- 99b984a6: Add the following Partner Logos:
- android
- apple
- github
- github-alien
- salesforce-cloud
- 6c2753bc: Adds Tableau symbol and lockup to the
PartnerLogo
component
Patch Changes
-
b31737fa: Fixed automation for
PartnerLogo
names and type, which updatedPartnerLogoNames
andEnumLogoNames
so they now include all logos.Deprecation Warning:
PartnerNames
is now deprecated in favor ofPartnerLogoNames
TypePartnerNames
is now deprecated in favor ofEnumLogoNames
-
fb536bed: Applies
box-sizing: content-box
property to Switch loading state in order to avoid conflicts with global CSS reset properties -
adec46fc: Updates Toast to accept Partner Logo names for 'icon' prop
- Toast erroneously did not accept Partner Logo names for the 'icon' prop, even after the Icon component was updated to render PartnerLogos.
- The Flow and Typescript types have been updated to add all partner names to the valid values for the 'icon' prop.
16.0.0
Major Changes
- 94469294: Accessibility and api changes for the
Switch
component:- Breaking Change:
a11yLabels
prop has been removed in favor of usingaria-label
oraria-labeledby
- New
loading
prop has been added for intermediate states for asynchronous Switch behavior - Slight style changes and css improvements for parity with Figma library components
- Breaking Change:
Minor Changes
-
273671d1: Add
custom-post-variables
svg to the SpotIllustrations component -
b44a5e38: Adds screen reader announcements for DatePicker visible month changes
- A visually hidden element describing which months are visible is now rendered for all DatePickers.
- This provides feedback to screen reader users when they click the previous month or next month buttons.
-
16b303d3: Add
typeIconProps
toBanner
to allow aria props to be passed to the typeIcon
-
b44a5e38: Adds setStatusText prop to DatePicker components
- A setStatusText prop is now available for all DatePickers. It is optional but strongly recommended for accessibility purposes.
- setStatusText receives an array of the currently visible month(s) as Moment objects.
- setStatusText should return a localized string that describes the currently visible months, such as "Now showing June 2023" or "May 2023 and June 2023, now showing".
-
af63482c: Table Headers now recieve scope and colgroup attributes to announce grouped columns to screen readers
-
ee36f147: Sortable table headers can now be wrapped in a button and are more accessible to screen readers
-
8d5fb2c0: Adds a new
badgeColors
object that represents the available badge colors. It also adds a newTypeBadgeColor
type that is a union of the color options in thebadgeColors
object. Both can be imported from the@sproutsocial/racine
package. -
90b7a542: Changes aria-haspopup to "dialog" rather than "true" since it is a dialog rather than a menu.
-
303af7c0: TabButton now supports the following props by default:
role="tab"
aria-selected={isSelected}
The Tabs component now has
role="tablist"
by default.
Patch Changes
- 894597e3: Adds
quote-solid
icon
15.1.0
Minor Changes
-
d5feb9c0: The
LoaderButton
component has been updated to have accessible visual contrast between the button and the loader. We've done this by applying an opacity directly to thebackground-color
of the button, rather than the entirebutton
.Mode Old New Dark Light -
a75290d2: - Added screen reader support for the status of added and removed tokens.
iconProps
is now supported for tokensiconName
on tokens now supports PartnerLogo names
-
b6ff36b9:
SpotIllustration
accessibility updates:- type includes
svg
props, includingaria-label
andaria-hidden
- set default role to
img
- type includes
-
a31a7172: Label component now accepts the
required
prop which appends an asterisk to the end of the label
15.0.1
Patch Changes
- 5fc0ef75: Exports
Card
subcomponents from the root for easier importing
15.0.0
Major Changes
-
03601450: Introducing the new and improved Card component!
Breaking changes
- Replace
buttonProps
with relevant button props at surface leveltabindex
disabled
selected
Features
- Simplify markup
- Fine tune styling
- Add layout utility subcomponents to simplify common use cases
- Improve component API and developer experience
- Improve testing
- TypeScript
- Color contrast and keyboard accessible
- Improve docs to better inform implementation
- Replace
Minor Changes
-
8e990d95:
Loader
component updated with accessible visual contrastMode Old New Dark Light
14.3.0
Minor Changes
-
3e367848: Token A11y fixes:
- Add
aria-label
andaria-hidden
toIcons
in stories - Add a visual indicator for invalid tokens
- Adjust styling
- Fix bug with error text token in Racine theme
- Add
-
539fa582: Visual changes to bitly, canva, glassdoor, and whatsapp icons
- Now that the Icon component renders PartnerLogos, the old Icon version of any icon with a PartnerLogo equivalent is no longer available for use.
- In most cases, the icon and the partner logo with the same name looked almost identical.
- However, a few icons had a different design when rendered as an Icon.
- bitly
- glassdoor
- canva
- There is no migration necessary, but please be aware that if you are currently using Icon to render an icon for any of these partners (e.g.,
<Icon name="bitly" />
), the resulting icons will change visually.
Before and after image with the old Icon versions on the left and the new PartnerLogo versions on the right:
-
539fa582: Removes uncolored network icons with PartnerLogo equivalents
- Previously, the following icons had no pre-filled color when rendered using Icon.
- canva, dropbox, facebook, facebook-audience-network, facebook-groups, feedly, glassdoor, google-drive, instagram, linkedin, linkedin-audience-network, messenger, pinterest, reddit, salesforce, slack, tumblr, twitter, twitter-audience-network, youtube, and zendesk
- Now that Icon serves as a pass-through to PartnerLogo, dark mode-compatible network coloring is built into these icons.
- Previously, the following icons had no pre-filled color when rendered using Icon.
-
539fa582: Allows rendering PartnerLogos using Icon
- The Icon component has been updated to render a PartnerLogo with
logoType
"symbol" when a validpartnerName
is passed as thename
prop toIcon
. - This behavior is provided as a developer utility only:
- Logos rendered this way should still follow the same semantic rules as any other PartnerLogo.
- PartnerLogo is still recommended for direct usage, and it is still the only way to render
wordmark
orlockup
PartnerLogos.
- The Icon component has been updated to render a PartnerLogo with
-
539fa582: Adds "symbol" logoType to PartnerLogo
- The "symbol"
logoType
corresponds to the icon-like version of the specified partner's logo. - This version of a logo was previously accessible only by omitting the
logoType
prop. - "symbol" is now the explicit default value for PartnerLogo's
logoType
prop. It was already the implicit default, so there will not be any change in behavior for existing PartnerLogo components that do not specify alogoType
.
- The "symbol"
-
539fa582: Add
svgProps
toIcon
andPartnerLogo
components to allow passing props to thesvg
, such as for accessbility. -
f2f060a4: To provide a better experiance for users using assitive technologies.
Drawer
components will now includerole="dialog"
and receive autofocus when opened.Drawer.Header
components will now allow optionalid
prop to allowDrawer
components to leveragearia-labelledby
attribute.Icon
components insideDrawer.Header
will now includearia-hidden="true"
Patch Changes
- 539fa582: Removes nonfunctional PartnerLogo 'color' prop
- There were references to a
color
prop in the PartnerLogo component - However, passing a
color
prop would not actually have any effect because PartnerLogo colors are locked per theme - References to this prop have been removed
- There were references to a
- 539fa582: Updates PartnerLogo width logic
- Applies a width property to the logo-svg itself only, not the containing element, to fix layout issues such as padding not being applied to PartnerLogos when using
display="flex"
. - This may lead to small layout changes for existing PartnerLogos.
- Applies a width property to the logo-svg itself only, not the containing element, to fix layout issues such as padding not being applied to PartnerLogos when using
- 8814fba7: Sync icons from Figma
- 539fa582:
PartnerLogo
andIcon
components will now includerole="img"
and anaria-label
oraria-hidden
should now be passed to make these accessible. - 34f778af: fixes a bug that prevents fill colors from being removed from icons
14.2.0
Minor Changes
- 16a0ef29: - Add team sprout icon variations
Patch Changes
- 1c647238: Change
form.border.base
theme color toneutral.600
to provide a color contrast ratio of 3:1 on all form elements - 8a0d5ba6: Update usage examples across the design system to remove placeholder text by default. Additionally, improve the color contrast of placeholder text and differentiate it from text values with italics.
14.1.1
Patch Changes
- 0c738bee: Update badgeColor Flow types in Badge component to include the new decorative palette colors
14.1.0
Minor Changes
- 09dc15ad: Add Alert Indicator colors to the Listening extended theme
- 5f685503: Support flexbox gap via system props on the Box component
- dee44d6f: Extend the available badge color options to reflect what is available in the Racine decorative palette
Patch Changes
- 07a24e81: Remove dependency reach/component-component in order to support React 17
- 5cf19670: Add a new onClose prop to the Banner component
- 2e9efed3:
CharacterCounter
component will now includerole="status"
attribute to provide a better experience to screen reader users - 0b9719ac: Adjust sizes on large Input and Select to match Figma UI Kit
14.0.1
Patch Changes
- 32d0513a: Revert default set on
PartnerLogo.size
(should have no default) - 32d0513a: Revert a markup and styled component change on
Label
that broke the font family and styles used - 32d0513a: Fix
TypeDrawerCloseButtonProps
forDrawer.CloseButton
to correctly extendTypeButtonProps
14.0.0
Major Changes
-
be795a0b: TYPESCRIPT IS HERE 🎉
This release includes new support for Typescript, which now type-checks all of our code and provides new types and interfaces for each component. Currently, the types and type safety are similar to the Flow version of Racine, but we will be making incremental improvements over time.
Reach out in #design-systems if you find an issue or have any feedback.
Breaking Changes
- We've restructured the component directories and renamed many files, so subdirectory imports are likely to break. However, everything that needs to be imported should be available in the root index file. Please let us know if this is not the case, and we can add what is needed.
- Previously deprecated flow type imports from subdirectories have been fully moved to a new file structure (ex:
__flow__/Toast
is now__flow__/Toast/index.flow
) and we strongly encourage importing these from the root instead of the subdirectories to avoid possible future breaking changes if the files are moved again.
Notable differences from Flow
- Flow allowed inexact typing on components, but this is not the case for the typescript types. We've done our best to add the necessary extensions and props to each component type, but please let us know if you think any necessary properties are not included.
- In many cases where "any" was used in Flow (such as with styled components and React refs), Typescript may provide more accurate typing and potentially break current implementations.
Minor Changes
- be795a0b: Upgrade csstype to latest
Patch Changes
- be795a0b: Fixed
Button
styles to handle theunstyled
appearance - e745b3c3: We've included an icons directory in the Racine build, providing more precise access to Racine's collection of icon SVGs.
- be795a0b: Add eslint check to disallow @src imports
- be795a0b: Fix popoutProps type on MenuButton
- be795a0b: Fix typo in
TypeStyledComponentsCommonProps
forforwardedAs
(previouslyforwardAs
)
13.8.0
Minor Changes
- c7c9aff9: Add Adobe Experience Manager to the PartnerLogo component.
13.7.1
Patch Changes
- e745b3c3: We've included an icons directory in the Racine build, providing more precise access to Racine's collection of icon SVGs.
13.7.0
Minor Changes
- e0273c23: This change adds the Bynder logo to the
PartnerLogo
component.
13.6.0
Minor Changes
- 02c4187a: Added solid and outline versions of the AI icon.
13.5.0
Minor Changes
- 1aae71a7: Added Sprout mobile app spot illustration
Patch Changes
- 88bc7f61: Fixed code injection vulnerability in the racine-codemod
13.4.2
Patch Changes
- e26d0ef6: Triggering a forced NPM deploy for the changes in 13.4.1 due to a deployment issue
13.4.1
Patch Changes
-
6b1e15e9: Update tasks-check icon to remove fill that was preventing changing its color.
-
ff903949: Added 'route' icon to the Icon Component.
-
5a9a805b: Allow consumers to reference Google and Apple App Store network colors using theme tokens
-
164e6cd9: This patch adds new spot illustrations for:
- variable-table
- user-team
13.4.0
Minor Changes
-
b6f0228d: Adds Icon Library codemod to address upcoming breaking changes
Deprecation Notice: Upcoming breaking changes to the Icon component and tooling
In Q1 2023, we will be making several major changes to the Icon component. Key changes:
- Icon assets will be stored in a new package called @sproutsocial/seeds-icons. This will allow consumers of Racine to update to the latest icons without waiting for Racine to release an update. @sproutsocial/seeds-icons will be a peer and dev dependency of Racine.
- Most icons will have solid and outline variants, with outline being the default. Variants can be included in the icon name (e.g.,
bell-solid
) or as a prop (e.g.,<Icon name=”bell” variant=”solid” />
). - Icons will be renamed to use descriptive instead of prescriptive naming. For instance, the
ads
icon will be renamed todollar-outline
so that its name will visually describe the icon instead of prescribing its intended usage.
Due to the scale of the changes, we are unable to make the changes backwards-compatible. You can preview the migration process below, but you should not complete the migration until these changes are released.
Migration steps:
- Dependencies: Add @sproutsocial/seeds-icons to your application’s dependencies.
- Sprites: Instead of using icon.svg from Racine’s dist/ directory, the sprites should be imported from @sproutsocial/seeds-icons for each category of icons you want to include. Attach these spritesheets to the DOM in the same way you do icon.svg.
- Icon names: Most icon names are changing as a part of this refactor. Run the
icon-library
codemod to automatically update as many icon names as possible. For more information on how to use Racine codemods, view our Migration docs on Seeds.
-
f84feaf3: Adds icon-name-substitution codemod
- This codemod complements the existing icon-library codemod, helping to automate icon name updates that cannot be automatically handled by the icon-library codemod.
- The codemod replaces string literals that are deprecated icon names with their updated names. Please note that this codemod will change any strings that happen to match a deprecated icon name, even if they are unrelated to icons, so we recommend running it against specific files (not your entire codebase) and carefully checking the results.
- Use
racine-codemod icon-name-substitution
to run this codemod and view the docs
Patch Changes
-
f84feaf3: Fixes icon-library codemod bugs
The following unwanted behaviors have been removed:
- Erroneously removing the first comment in a file
- Erroneously removing the Icon import when Icon is still being used for a styled component or for "typeof Icon"
- Incorrect parsing of the "components" argument, leading to it not being used
- Adding multiple shim imports if there are multiple @sproutsocial/racine imports in the same file
- Breaking aliased and type imports from @sproutsocial/racine
13.3.0
Minor Changes
- 9eaa1f94: Added small spot illustration for
notifications
and an extra large notification forpublishing-notifications
13.2.0
Minor Changes
- 4a82bd91: - Added a feature file to the Card component that outlines its features in Gherkin format
- Added first attempt at tests to test the features outlined in the feature file as well as parts of teh component's API
Patch Changes
- 4a882440: These updates include bumps to dependencies and devDependecies to address security vulnerabilities
13.1.1
Patch Changes
- a9b3d47: Patch to fix npm publish
13.1.0
Minor Changes
- aee3064e: bump networkcolors to include google play store and apple app store
- d48ca3d3: add logos for google play store and apple app store integrations
Patch Changes
- fd455918: Add missing constants export to TableHeaderCell/index.js
- e6f97dd4: Upgrade json5 to 2.2.3 to fix vulnerability
- 3485cc51: Bump decoder-uri-component to 0.2.2
13.0.2
Patch Changes
- baed838a: This patch solely addressed an issue with our beta deploys that prevented a proper NPM release
13.0.1
Patch Changes
- 922c2aa3: Fix build command to run sequencially. This fixes the broken v13.0.0 build.
13.0.0
BROKEN BUILD Use 13.0.1 instead!
Major Changes
-
b7e186ca: Breaking Change
The Banner (aka Alert) component no longer supports the
danger
type in favor oferror
. All instances ofdanger
in code and themes are now replaced witherror
. -
1d5997d0: Breaking Change
Button no longer supports the
default
appearance in favor ofunstyled
. All instances ofdefault
must now be updated to useunstyled
istead. -
2fd3e905: Breaking Change / Bug Fix
The
deprecatedIcons
were not being included in Flow validation, so the type for the Icon name was incorrect. A fix has been added that now correctly restricts thename
on theIcon
component to only allow valid names. An equivalent fix was necessary on theBadge
component foriconName
prop.To migrate, ensure that all
Icon.name
andBadge.iconName
instances are valid icon names.
Minor Changes
-
60c49d55: Deprecation Notice:
In prior versions not all type definitions were being exported at the root. In some cases this meant consumers had to import types or related constants from the subdirectories like flow. Importing from these directories is now deprecated. In a future version, these files may move and eventually these files will no longer be accessible.
To migrate deprecated code, update all imports to use what is accessible at the root. If you need to have access to something that is not currently exported from that location, please submit an issue.
-
4a36140a: Flow types (flow-bin) has been updated to version 0.131.0. This will help support apps on this more recent version and improve the reliability of types written for Flow.
Patch Changes
- 3d835017: Move TypeSpaceLiterals types to Stack component and off of Theme
12.24.0
Minor Changes
- dea3072d: - Renamed
campaign-tag
SpotIllustration tomegaphone
to generalize the name and make it easier to find for designers and developers- Adjusted the cropping on both
tag
andmegaphone
SpotIllustrations to remove unnecessary whitespace
- Adjusted the cropping on both
12.23.0
Minor Changes
- b9585e91: Adds a campaign spot illustration to SpotIllustration and updates the tag illustration
12.22.1
Patch Changes
- 67770645: Update loader-utils to fix security vulnerabilities
12.22.0
Minor Changes
- 1c52dc5c: Bump React in peerDependencies from ^16.2.0 to >=16.8.0
- Updated version number ensures that features like hooks are supported (introduced in 16.8.0)
- Updated version selection syntax allows consumers to use React 17+ without conflict
- Does not affect the built package, as we are currently using 16.12.0 in devDependencies
Patch Changes
- 486b5aaa: Remove playroom dependency and update raw-loader and loader-utils to fix security vulnerabilities
- abb3d352: Input placeholder CSS selector had a typo that made it not work correctly for dark mode. This is now fixed.
12.21.2
Patch Changes
- 8461abb8: Fixed the Checkbox SVG, which became broken during the addition of new prettier rules.
12.21.1
Patch Changes
- e0e4fc78: Storybook addon-essentials has been moved to devDependencies rather than dependencies since it is only used for development and isn't required in production.
12.21.0
Minor Changes
-
ae9f649c: This change includes infrastructure changes to :
- Storybook and dependency version bumps
- Removal of deprecated Storybook
add-on knobs
in favor of supportedadd-on controls
- Added system prop types to Stack and TableCell
- We are now exporting
TypeProps
for Banner, Box, CharacterCounter, Drawer, FormField, Indicator, Input, KeyboardKey, Link, Select, Stack, TableHeaderCell, Text, TextArea, and TokenInput
-
ae9f649c: This change adds a molecule spot illustration to the SpotIllustration component
Patch Changes
-
ae9f649c: Updated a number of depencies to ensure Racine tech is on the latest versions
-
ae9f649c: An accessibility bug on the
Menu
has been fixed that caused theMenu.Item
index to become out of sync when items are removed.The
Menu
component currently supports adding and removing menu items dynamically, but an index needed for accessibility was only being updated when items are added but not when they are removed.
12.20.0
Minor Changes
- cd9d6a5: Added feature demo colors to growth extended theme
- 99c6adb: Updated the Loader Button component to support dark mode
Patch Changes
- 38f240c: Removed legacy PDF and IE11 icon style hacks
- 84797d6: Adjusted the values of icon sentiment colors to work more consistently and with better contrast across both light and dark modes
- f97c4e1: Remove spread property from SVG in PartnerLogo component
12.19.0
Minor Changes
- 50cd7cb: Updated sproutTheme secondary nav background color to have slight opacity
- 6304ab1: This change adds three variations of the Sprout Social logo as well as the bigcommerce lockup. Additionally, we slightly tweaked the viewbox values on the bigcommerce mark.
12.18.0
Minor Changes
- 23b1f66: Added seven new spot illustrations to the
SpotIllustration
component:- asset-cards
- binoculars
- instagram-links
- note
- planning
- publishing
- workflow-steps
- 339c879: Added
text.background.selection
semantic token to the base theme to provide text selection support
Patch Changes
- 484f6c2: Removed unwanted static fills from 4 icons:
- underline
- flat-neutral-sentiment-outline
- flat-negative-sentiment-outline
- flat-positive-sentiment-outline
12.17.0
Minor Changes
- c0f0a47: Add BigCommerce logo to PartnerLogo component
- 2f7fd4f: Added navigation accordion background colors to the sprout extended theme
Patch Changes
- 04a9121: Change "Pill" Button variant to use border instead of mix-blend-mode
- a3720e0: Updating the
useInteractiveColor
React Hook to accept a string instead of theTypeColor
theme types - c18d171: Adds a new spot illustration titled "browser-doc" for use in the SpotIllustration component.
12.16.1
Patch Changes
- 3cb36bf: This change fixes a bug where "px" was being appended to a number value when users were already including a pixel value. This was causing incorrect css syntax i.e. "16pxpx"
12.16.0
Minor Changes
-
b2c4834: The
aria-label
andaria-labelledby
props were added to theTypeListboxButtonProps
flow type for theListboxButton
component -
8b80526: Updated Indicator color to support theming
- Indicator's color was previously hard-coded to teal.600
- We are now using a semantic theme value, "icon.info", so that the color of Indicator can reflect the current theme.
- Please note that "icon.info" currently resolves to a blue color in all bundled themes. Thus, unless you override the color, all Indicators currently in use will change from teal to blue.
- Support for overriding the Indicator color via the
color
system prop was added.
-
b2c4834: The
checked
andindeterminate
props on theCheckbox
component are now optional -
57cb24f: Deprecation Notice:
The
default
appearance for theButton
component has been deprecated in favor ofunstyled
. To migrate, change allButton
components which use thedefault
appearance to useunstyled
instead. Support for thedefault
option will be removed in a future version.The following components that use the
Button
component or its types must also be migrated to useunstyled
instead ofdefault
for theappearance
:ListboxButton
LoaderButton
MenuButton
Message.Button
ModalCloseButton
-
b2c4834: The following components now export their prop flow types:
- Loader
- Icon
- Numeral
- PartnerLogo
- Popout
- SpotIllustration
- Switch
-
b2c4834: The
ItemComponent
andgetItemProps
props on theOverflowList
component are now optional -
8a70eff: We've made some enhancements to the Partner Logo component! The Partner Logo component API now closely aligns with the Icon component.
- Added support for different logo types ie.
wordmark
orlockup
- Added support for predefined sizes. ie.
mini
,small
,medium
,large
, andjumbo
. - The partner Logo now has a fixed width by default.
- Added support for different logo types ie.
-
5613a5c: A new Advocacy icon has been added to the icon library
Patch Changes
- 56fa0b9: Updated Icon component to accept
size="small"
prop to closer align to thePartnerLogo
component
12.15.0
Minor Changes
- 47d839a: Update dark theme decorative purple background color from purple 800 to purple 900
- 4cb0239: The spot illustration component has been updated to include three new illustrations.
- 4cb0239: - The SpotIllustration component now includes four new spot illustrations via contributions from our creators.
- PartnerLogo now includes Facebook and Linkedin audience network logos.
Patch Changes
- 750dd91: The
type
prop on theBanner
component was previously implicitly optional, but a refactor in version 12.13.0 inadvertently changed this to be treated as required. This fix updates theBanner
component so that thetype
is explicitly optional.
12.14.0
Minor Changes
- 6cb6579: The Icon component now offers a "tools" icon.
12.13.0
Minor Changes
-
c8566fd: Deprecation notice:
The
danger
type for theBanner
component has been deprecated in favor of theerror
type. The default for the type will be changed fromdanger
toinfo
. A few changes will be required to comply with this deprecation:- Any code using the
danger
type for theBanner
component should be migrated to use theerror
type instead. - Any styles using
danger
props from the theme should be migrated to useerror
instead. - Any instances of the
Banner
component with no type specified should explicitly set the type toerror
.
Use of the
danger
type for theBanner
component anddanger
props in the theme will be fully removed in a future release. - Any code using the
12.12.0
Minor Changes
- f2c4585: Add Listening-specific colors to Sprout extended theme
Patch Changes
- f2c4585: The deprecation for the
TypeSpaceLiteral
import from thethemes/light/theme
file will now give a warning of the deprecation in VsCode.
12.11.0
Minor Changes
-
fa63c6b: Deprecation notice:
The
TypeSpaceLiteral
type has been added to theStack
component. Use ofTypeSpaceLiteral
in the theme is now deprecated and will be fully removed in a future release. Any code importingTypeSpaceLiteral
fromthemes/light/theme
should be migrated to import this type fromStack/TypeSpaceLiteral
instead. -
fa63c6b: The Partner Logo component now offers the twitter audience network and facebook groups logos
Patch Changes
- fa63c6b: Add Under Construction illustration to Spot Illustration component
12.10.0
Minor Changes
- a414187: add extended decorative color palette
- a414187: Add user semantic token to growth object in extended sprout theme
- a414187: Expose
TypePartnerNames
at the root level so that it can be used when typing props for thePartnerLogo
component.
Patch Changes
- a414187: The sprout extended theme now includes a border color for the main navigation.
- a414187: Toasts now have box shadows that use the proper values from our theme. With this change comes increased contrast in dark mode.
12.9.0
Minor Changes
- 11f1803: Add cardControl, opportunity semantic colors to sprout theme
12.8.0
Minor Changes
- 429a4b3: Add secondary navigation widget background color to navigation theme
12.7.0
Minor Changes
- dbdd391: Adds global-trend and tag small spot illustrations to the Spot illustration component
12.6.0
Minor Changes
- 2a6861c: Adds size props and common system-props to the partner logo component
12.5.0
Minor Changes
- b9d2645: add optional label props to checkbox component
Patch Changes
- e73ecb3: Adjust neutral.background in decorative palette to differ from container.background.base"
- 178c7d9: Add tiktok to theme in network colors for flow typings
- 9955641: Fix typo for theme colors for settings navigation
12.4.1
Patch Changes
- 19d74a4: Quote property names in theme.scss files
- This fixes a bug where properties with names that have specific meanings in CSS (such as "green") would not be accessible using SCSS's map-get.
12.4.0
Minor Changes
- bbfada2: Adds a spot illustration component that handles svg illustrations, works with theming, and allows for custom dynamic colors
- 2b85eee: Add theme colors for settings navigation list items
12.3.0
Minor Changes
- 80c370a: add color tokens in the extended theme for reporting chart overlays
Patch Changes
- ecf1eb8: adds bugfix for sideEffect in package.json that was causing errors in SproutSocial
12.2.0
Minor Changes
- 0ceebbc: Adds new component that dynamically handles partner logos across modes
- 032436a: fix: remove racine as a dependancy
12.1.0
Minor Changes
- 76941e3: add growth specific colors to sprout theme for light and dark mode
12.0.0
Major Changes
-
54639f5: Moved
theme.util.interact()
to a hook calleduseInteractiveColor()
theme.util.interact()
will no longer be available on the theme object and is moved to a hook calleduseInteractiveColor()
- To import the hook, use
import { useInteractiveColor } from '@sproutsocial/racine'
useInteractiveColor()
accepts a theme color option and returns a lighten or darken version of that color depending on the theme mode currently in use('light' or 'dark')useInteractiveColor()
can only be utilized within a theme context.
example:
import { useInteractiveColor } from '@sproutsocial/racine'....&:hover,&:active {color: ${({theme}) => useInteract(theme.colors.icon.base)};}
11.9.0
Minor Changes
- 6c3e703: Extend the sprout theme to add colors for trend arrows
Patch Changes
- 1c10a77: Fix args
11.8.0
Minor Changes
- 1b66f38: Input.ClearButton no longer requires onClear prop
- Input has been updated to be able to clear itself for both controlled and uncontrolled Inputs
- The onChange function will be called upon clearing the input.
- Due to this change, Inputs with type "search" will now automatically include a ClearButton, whereas previously a ClearButton would not be rendered unless an onClear prop was provided.
Patch Changes
- 1b66f38: Adjust Input elemBefore and elemAfter positioning
- These elements were previously positioned 12px from the side of the Input
- They are now positioned 8px from the side of the Input, for better alignment with Input.ClearButton.
- 1b66f38: Expose Input.ClearButton for uncontrolled Inputs
- Previously, Input.ClearButton would not be usable for uncontrolled Inputs due to checking whether a value was in the input to clear only via the "value" prop.
- Now, Input.ClearButton is usable for uncontrolled Inputs because it is checking for updates to the value in its handleChange function.
11.7.1
Patch Changes
- d7b2b1f: - Plug icon
- Alternate help icon
11.7.0
Minor Changes
- 90438e2: Add _themed.scss for Sprout theme
- This allows usage of Sprout theme-specific values in SCSS
11.6.2
Patch Changes
- 560c463: Added a new extended theme for the compare to period for the date picker.
11.6.1
Patch Changes
- eb27d01: Fix interact util in dark mode themes
- The
interact
util was located at a different location in the light and dark mode base theme objects. It was at the base level of the light theme and nested inside ofcolors
for the dark theme. interact
was seemingly available at the base level of the theme in both modes, because we spread the light theme as the basis of the dark theme. However, theinteract
util accessible at the base level of the theme would behave like light mode in either mode.- The
interact
util located inside thecolors
object inside the dark mode theme object was not usable, due to only being defined in that location for dark mode, and has been removed.
- The
- eb27d01: Remove 'just-clone' dependency
- eb27d01: Fix "navigation" colors in SproutTheme
- The "navigation" colors were not available in the theme due to being spread in incorrectly.
- eb27d01: Improve theme types to be more accurate
11.6.0
Minor Changes
- 43adc28: Added a sprout theme to racine
11.5.0
Minor Changes
- fa8a45d: Dependency upgrades: upgraded severe vulnerabilities as well as storybook and jest suite fixes. Upgraded styled components from beta to stable v5.2.3.
11.4.1
Patch Changes
- 89c935f: Handle focus management in Input handleClear more consistently
- Previously, focus would be returned to the input when Input.ClearButton was triggered only if the innerRef prop was undefined or an object, not if it was a function.
- Now, focus is always returned to the input when the clear button is clicked, regardless of the type of the innerRef prop.
11.4.0
Minor Changes
- d888fa0: Add search icon to type "search" Input
- "" is added to Inputs with type "search" unless an elemBefore prop is passed to override it.
- d888fa0: Add Input.ClearButton
- This button is automatically included when Input has type "search" and no "elemAfter" prop is passed
- This button can be manually included with the "elemAfter" prop for non-search inputs
- In either case, the button will only be rendered if an "onClear" callback is passed to the Input component
- A "clearButtonLabel" prop should also be passed to the Input component
11.3.0
Minor Changes
- e8a9df6: Add text highlight style to theme
Patch Changes
- 9e66592: Pass TokenInput autocomplete prop to input as autoComplete to suppress JSX console warnings
11.2.5
Patch Changes
- a73cdfb: remove weird characters from props descriptions
11.2.4
Patch Changes
- 206bd32: copy updates to the TypeProps comments that power Seeds prop tables
11.2.3
Patch Changes
- 514d738: Patch badge component flow issue
11.2.2
Patch Changes
- 9cc377e: Created extended theme directory
11.2.1
Patch Changes
- 6968733: adds deprecation messaging to typeProps to be displayed on seeds page
11.2.0
Minor Changes
- a71a431: backwards compatible style and api changes to the badge component
11.1.2
Patch Changes
- 81f95bc: Add flow support for newer colors in theme
11.1.1
Patch Changes
- 17cfdda: New Icon: power-up-outline
11.1.0
Minor Changes
- 03d1f1a: Export system props
11.0.2
Patch Changes
- f3b0741: Add icon.applied to theme file
- 521ee2b: Ensure subcomponents have proper displayName attributes
11.0.1
Patch Changes
- 82a6a89: Adjusted styling of selected state to be less confusing for users based on org wide feedback
11.0.0
Major Changes
-
3f25fab: Remove themed mixin in favor of functions only
- Changes in 10.0.0 made the mixin unnecessary
- The functions that were created for use with the mixin can now be used standalone for the same purpose.
- Migration requires removal of all
@include themed
mixin calls. The code inside can stay the same. For example:
@include themed {color: colors("text.body");}becomes
color: colors("text.body");
Patch Changes
- f28456b: Add overlay theme object
- a3ed9eb: Patches Menu Group margin issue
10.0.0
Major Changes
- 98f063a: Make theme names consistent by removing references to "default-light" and "default-dark"
- We no longer refer to the "light" theme as "default-light" in the theme object.
- We no longer refer to the "dark" theme as "default-dark" in the theme object.
- 98f063a: Change "themed" SCSS mixin setup
- A parent theme classname of 'theme--light' or 'theme--dark' is no longer required to use the mixin.
- A separate mixin is offered per theme, instead of a single mixin for all themes.
- 98f063a: Rename "default" theme to "light"
9.0.3
Patch Changes
- a9a06a6: Added aliases for sentiment colors
9.0.2
Patch Changes
- 3215099: bug fix for mix blend mode
9.0.1
Patch Changes
- 52052ae: Update MenuGroupContainer so that it takes system props instead of css styling
- 2fc4f88: Adds a
palette
prop to Token and uses the proper accessible color tokens - 7a87944: Update @storybook/react to resolve a vulnerability in one of its sub-dependencies (immer)
9.0.0
Major Changes
- a71802f: convert shadow tokens to semantic tokens
8.8.0
Minor Changes
- 2746920: Add SCSS themed mixin and functions
Patch Changes
- 69ddb8e: Replace instances of Icon colors with semantic names
8.7.1
Patch Changes
- 1cf97da: Remove font weight rule from Breadcrumbs styles
8.7.0
Minor Changes
- bcfb6eb: Export themes as scss variables
8.6.3
Patch Changes
- 777fcd7: Unset inverted icon color when menu item is hovered and active
8.6.2
Patch Changes
- 039da3f: Address visual bug on collapsible shadow
8.6.1
Patch Changes
- c46c79d: Pressing space on a filter input in listbox triggers a submit, preventing users from entering text with spaces. This fix changes the behavior such that if the input is in focus, the space won't trigger a select.
- b34b463: Invert the icon colors in menu items to mirror the text behavior.
8.6.0
Minor Changes
- d1c8003: Adds data-viz color rotation to the theme file to support data-viz across dark mode and future themes.
8.5.2
Patch Changes
- 41b0717: Adds openHeight and collapsedHeight props to Collapsible component for more flexible collapse usage
8.5.1
Patch Changes
- 48628f0: Sync icons from Figma
8.5.0
Minor Changes
- 343c636: adds tiktok network color to theme, adds tiktok icon, adds sentiment icons
8.4.0
Minor Changes
- 311f9bb: Added placement prop to menuButton component
8.3.0
Minor Changes
- 13699d6: Updating Link component to include flexbox shorthand props
8.2.0
Minor Changes
- a3887f0: Avatar now has an option for predefined color combos in line with design's accessibility and color guidelines. Overrides are still enabled via styled-system.
8.1.4
Patch Changes
- c920778: removing duplicate icon
8.1.3
Patch Changes
- 90dbdfc: update autosizer import
8.1.2
Patch Changes
- e5bb567: update bigcommerce icon name
8.1.1
Patch Changes
- b470c46: Fix big commerce icon and naming convention
8.1.0
Minor Changes
- cda796b: adds bigcommerce icon
8.0.0
Major Changes
- 856797e: This update includes major changes to the theme file structure that enables theming with a thoroughly tested and more intuitive devEx
- 856797e: This change includes the newest iteration of the theme file that updates a number of paths in the color object to create more logical semantic names.
7.7.0
Minor Changes
- dfdb3b5: Added a forwardRef to Modal.Content.
7.6.1
Patch Changes
- 9cd384f: Add new icons to the icon library
7.6.0
Minor Changes
- b69f92a: fix(token) hover styling for invalid tokens
7.5.0
Minor Changes
- 6700ead: This change allows consumers to specify whether or not a Link should be underlined. This work is part of our accessibility initiatives.
7.4.2
Patch Changes
- da247d2: update whatsapp icon
7.4.1
Patch Changes
- 17fcee6: Revert beta-release feature.
7.4.0
Minor Changes
- e1cff9d: Add beta release capability to the Racine development process.
7.3.8
Patch Changes
- 80f49f8: Remove npm deprecation from beta release action.
7.3.7
Patch Changes
- df202ec: Use Node 15 for beta-release action.
7.3.6
Patch Changes
- 3b01ae7: Fix NPM deprecation behavior.
- f1eabea: Add registry specifier.
7.3.5
Patch Changes
- a929081: Fix quoting of package version in deprecate command in beta release action.
7.3.4
Patch Changes
- 2fa8f19: Fix beta deprecation command in beta-release action.
7.3.3
Patch Changes
- 4fc0375: Fix use of $BETA_SEMVER env var.
7.3.2
Patch Changes
- 9e41c57: Fix auth token access in beta release action.
7.3.1
Patch Changes
- d5f607e: Add missing NPM token env var to beta-release action.
7.3.0
Minor Changes
- 80a1ed7: Update seeds-networkcolor, add WhatsApp to theme.js
7.2.2
Patch Changes
- 4db6157: Fix missing dash in beta-release action.
7.2.1
Patch Changes
- 0175581: Update beta release Github action to publish to NPM.
7.2.0
Minor Changes
- 4f1ea48: Add beta release Github action.
- a2f7821: Added subcomponents that support common type styles recommended for product use
7.1.0
Minor Changes
- 0113a82: Update table components to render explicit children
7.0.2
Patch Changes
- 482968e: Pass inputProps to Checkbox
7.0.1
Patch Changes
- 145b487: Align icons within Banner components to the first line of the message, instead of centered
7.0.0
Major Changes
- 052802b: This work includes adding semantic color tokens to our Racine theme and updating the Racine components to use the new tokens. Breaking changes include modifications to the the theme properties. Breaking changes include error → error.color, warning → warning.color, cta.primary → cta.primary.color, cta.secondary → cta.secondary.color, and cta.link → cta.link.color
6.25.2
Patch Changes
- 0a8ab22: fixes yelp addition in Theme.js
- 0a8ab22: Adds Yelp to theme.js file
6.25.1
Patch Changes
- b0b1c60: delay triggering open of modal to run async and prevent render weirdness
- e97c613: Adds Yelp to theme.js file
6.25.0
Minor Changes
- 38b94ac: Bump up seeds packet for Yelp token addition
6.24.0
Minor Changes
- e5d8bcb: adds yelp star rating icon to seeds
6.23.0
Minor Changes
- 49cb663: Add stories icon
6.22.3
Patch Changes
- 4ec7f47: Removes the ARIA role of "button" from the Popout component
6.22.2
Patch Changes
- 7a5e031: Make the new dependencies added for the date pickers be peer vs direct dependencies.
6.22.1
Patch Changes
- 19d9d3f: revert Remove a11y labels changes
6.22.0
Minor Changes
- 6aa35b4: add filled-in cart-plus icon and rename previous cart icon to cart-plus-outline
6.21.0
Minor Changes
- cb6244e: make font-weight on Link configurable
- cc30795: Fix issue with Popout event propagation
Patch Changes
- ea40b82: remove a11y labels and fixed tests
6.20.0
Minor Changes
- f0d70f5: add marketo icon
Patch Changes
- cd3d6da: update modal css to use flex for centering
6.19.0
Minor Changes
- 9726c45: Add export for dark theme
6.18.3
Patch Changes
- 3e505cf: Changes the hyphen for the null case in Numeral.js to an em dash
6.18.2
Patch Changes
-
b2015e3: # Changes
- Fix wording of abbreviation prop comment.
6.18.1
Patch Changes
-
4aea53e: # Changes
- Update the comment for the abbreviate prop.
- Move TypeProps back into index.js in order for Seeds prop table to be able to find them automatically.
6.18.0
Minor Changes
- 90eaa51: use "standard" when compact fails in Intl.NumberFormat
6.17.0
Minor Changes
- 1c45fd1: Added additional color for "Suggestion" badge
6.16.0
Minor Changes
- df8fd68: Added
appearance
to Input, with "secondary" being a borderless input. - fcffab0: Added
ariaLabel
to theButton
component.
6.15.2
Patch Changes
- 1807bb7: Add Shopify network color from seeds packet
6.15.1
Patch Changes
- 1bca469: Update Racine GitHub release process to use Node v14
6.15.0
Minor Changes
-
9818e70: ## Improvements
Behavior Fixes
- Ensures abbreviated numbers always include 2 decimal places of precision, by default.
- Ensures decimal numerals show up to 2 decimal places of precision, by default.
- Ensures percent numerals show up to 1 decimal places of precision, by default.
- Ensures currency numerals always display 2 decimal places of precision - in both the display and tooltip text, by default.
- Makes abbreviated numerals show their specified level of precision in both the display text and tooltip text.
New Features
- Properly handles abbreviations in non-US locales, such as Spain, France, Brazil, and Germany.
- It also handles abbreviations in non-arabic numerals such as Eastern Arabic.
- Enables specifying a numeral as currency by simply including the
currency
prop without theformat
prop. - Enables specifying an abbreviation threshold (different from the default value of 10000) via the
abbreviate
prop.
Implementation Improvements
- Simplifies the formatting of numbers eliminating the
numeral
package, by relying solely upon the built-in Intl.NumberFormat. - Refactors away long
if-else-if
sequences. - Refactors away magic numbers.
Implementation Fixes
- Fixes the use of the
lru-memoize
package to ensure its results are properly cached.
Other Improvements
- Improves the knobs in Numeral's storybook to include more options, including an unset option for the optional props.
6.14.1
Patch Changes
- 89dc334: Update Jenkins to use Node v14
6.14.0
Minor Changes
-
686fa35: # Improvements
- Updates the required version of Node to v14.15.5
6.13.0
Minor Changes
- 73e81d1: Updates FormField to accept a labelHidden prop
6.12.0
Minor Changes
- e8a64f1: fix(tokeninput) add aria-describedby
Patch Changes
- 6be9173: Add gear icon
6.11.2
Patch Changes
- 18ff3c9: Security updates
- 806b867: Fixes Arrays in Tooltips
6.11.1
Patch Changes
- 51604f1: Pass readOnly prop to textarea
6.11.0
Minor Changes
- 5c6591d: Smart aria-labels for listbox component
6.10.2
Patch Changes
- ba44d23: Adds Canva Icon
6.10.1
Patch Changes
- 5881622: Remove Collapsible animation when initially expanded
6.10.0
Minor Changes
- 89f4ef8: Publishes individual SVGs in NPM package
6.9.1
Patch Changes
- e673a62: [SEC-8155] Deploy CodeQL
6.9.0
Minor Changes
- e7f7eac: Added support for individual token icons in TokenInput
Patch Changes
- e7f7eac: Export TypeToastOptions
6.8.0
Minor Changes
- a314af7: Add whiteSpace system prop
Patch Changes
- 027eb60: Pass flex-align property into MenuItem
6.7.4
Patch Changes
- a2100de: Added ariaDescribedby to FormField type props
- 26ea7b6: MenuCheckbox now supports indeterminate state
6.7.3
Patch Changes
- 4cf1346: Fixes for performance issues in Menu and OverflowList
6.7.2
Patch Changes
- d1b6ef7: Added aria-describedby association to FormField and other form components
- 2618ece: Use aria-pressed in Switch for more accessible component
6.7.1
Patch Changes
- e918f98: Don't override menu item with an aria-label
6.7.0
Minor Changes
- 0136d44: Update TokenInput event props logic
6.6.0
Minor Changes
- 294759c: Add a truncated prop to the Tooltip component
- 99e34cc: Add border radius token 400
6.5.0
Minor Changes
- 3ebb3dc: Add the ability to change the MenuGroup title's element
6.4.1
Patch Changes
- b131840: Export TypeToastOptions
6.4.0
Minor Changes
- 46e67fa: Export the MenuButtonContext so consumers can selectively close menus
6.3.2
Patch Changes
- 3c58977: Remove unneccessary role from Collapsible component
6.3.1
Patch Changes
- a5a9d29: Explicitly declared some table styles in DatePicker to prevent css stylesheet overrides on Seeds
6.3.0
Minor Changes
- 951dfae: Add autocomplete as a prop to tokeninput so consumers can disable when using a menu
6.2.1
Patch Changes
-
e78d2c9: # Fix remaining node-fetch vulnerability
Use
resolutions
to forcereact-popper
to use a more current version of its dependency,create-react-context
, since we are unready to upgradereact-popper
.yarn audit v1.21.1┌───────────────┬──────────────────────────────────────────────────────────────┐│ low │ Denial of Service │├───────────────┼──────────────────────────────────────────────────────────────┤│ Package │ node-fetch │├───────────────┼──────────────────────────────────────────────────────────────┤│ Patched in │ >=2.6.1 <3.0.0-beta.1|| >= 3.0.0-beta.9 │├───────────────┼──────────────────────────────────────────────────────────────┤│ Dependency of │ react-popper │├───────────────┼──────────────────────────────────────────────────────────────┤│ Path │ react-popper> create-react-context > fbjs > │ │ │ isomorphic-fetch >node-fetch │├───────────────┼──────────────────────────────────────────────────────────────┤│ More info │ https://www.npmjs.com/advisories/1556 │└───────────────┴──────────────────────────────────────────────────────────────┘
6.2.0
Minor Changes
- 402e384: make Popout.Content system props overridable
- 402e384: add SingleDatePicker and DateRangePicker
- 402e384: add moment, moment flow types
Patch Changes
- 402e384: remove duplicate build process in watch
6.1.4
Patch Changes
- d10ba31: Removes double box-shadow focus state on tokenInput
6.1.3
Patch Changes
- c31b1d0: Update packages to handle highest priority security vulnerabilities
6.1.2
Patch Changes
- 6274b87: Adjust the weight of external-link-alt to match other icons
6.1.1
Patch Changes
- 0350000: Fix menu test broken when upgrading React Test Library
6.1.0
Minor Changes
- 112712b: Modify the target element a user needs to click in order to close an opened Drawer"
6.0.0
Major Changes
-
2e75622: # BREAKING CHANGES to the TokenInput component interface
Changes
Added props
onChangeTokens?: (tokens: TypeTokenSpec[]) => void
onAddToken?: (tokenSpec: TypeTokenSpec) => void
onRemoveToken?: (tokenId: string) => void
onClickToken?: (e: SyntheticEvent<HTMLButtonElement>, tokenId: string) => void
delimiters?: string[]
Removed props
onTokenClick?: (e: SyntheticEvent<HTMLButtonElement>, token: TypeTokenInputToken) => void
Added types
type TypeTokenSpec = { id: string, text: string, valid?: boolean, }
Removed types
type TypeTokenInputToken = { ...React.ElementConfig<typeof Token>, id: string, children: string, }
Discussion
The semantics of
TokenInput
have been changed to pass in data - ids and token specs - instead of elements as parameters to the token handler props.Specifically, the
onTokenClick
prop has been replaced with theonClickToken
to:- simply pass the id of the clicked token as opposed to an entire element;
- be consistent with the naming of the other token-oriented props.
The
TokenInput
enables either simple or fine-grained control. In most cases, you can simply use theonChangeTokens
prop. For more control over the creation and deletion of tokens, use theonAddToken
andonRemoveToken
props, instead.Also, you can now specify the
delimiters
used to separate the inputted text into new tokens.
Patch Changes
- ff66ead: Update network colors to include new pinterest and linkedin values
5.29.3
Patch Changes
- 56c299c: Put min-width on the correct wrapper
5.29.2
Patch Changes
- 91e0a01: Add min-width:0 to MenuItem
5.29.1
Patch Changes
- a0f4217: Reverting the upgrade to react-popper
5.29.0
Minor Changes
- 9df6933: Bumped
react-popper
to 2.2.4. This is a major version bump which migrates to Popper V2. Now,@popperjs/core
must be installed as a peer dependency. Additionally, there were two places in the RacinePopout
component that needed to be updated. ThescheduleUpdate
method has been renamed toupdate
and returns a promise, and theoutOfBoundaries
prop has been replaced withisReferenceHidden
andhasPopperEscaped
. See here for the full release notes.
5.28.0
Minor Changes
- e3e595e: Add opportunity type to banner component
5.27.1
Patch Changes
- a314a7b: correctly pass readOnly prop to input
5.27.0
Minor Changes
- 5ff0e02: Add onClear callback to useMultiSelect hook
5.26.2
Patch Changes
- f9ea96f: Attempt to fix OverflowList in webapp jest env
5.26.1
Patch Changes
- 8f9c842: Moves the element where a user can close the Drawer by clicking outside of it down to the first child element (the main app) from the body element. The fixes an issue where a user using the dropdown filters clicks inside it will cause the Drawer to accidentally close.
5.26.0
Minor Changes
- 1d49713: Creates fall back for color prop on Icon component used in Toast Component
5.25.0
Minor Changes
- 108b148: Updates Toast component to use more Icon options
5.24.2
Patch Changes
- 0f1c7e6: Bump seeds-networkcolor version
5.24.1
Patch Changes
- 9e0268e: fix swapped network colors
5.24.0
Minor Changes
- 1effa28: Add network colors for Salesforce, Zendesk, and Hubspot
5.23.3
Patch Changes
- 3a7df5e: Add book icon
5.23.2
Patch Changes
- c000ba1: MenuItem - allow data-qa-menu-item prop to be overriden
- ca38ab7: Various TokenInput type fixes
5.23.1
Patch Changes
- 55c3bf8: Globally export TokenInput component
5.23.0
Minor Changes
- 3e92a83: Add new TokenInput component
5.22.4
Patch Changes
- 9196d49: Add closed caption icon
5.22.3
Patch Changes
- 26b8664: Specify react-virtualized 9.18.5 to match webapp
5.22.2
Patch Changes
- 42755dd: update Input isValid prop to force boolean values in rendered elements
5.22.1
Patch Changes
- e5f8435: Fix spacing of form field title when using helper text
5.22.0
Minor Changes
- 6d29a11: make Fieldset more composable with child components
Patch Changes
- 6d29a11: add jest flow typings
5.21.0
Minor Changes
- 95b488d: Add OverflowList component
5.20.0
Minor Changes
- ab4fb13: Add Google Business Messages network color to theme
5.19.2
Patch Changes
- 1e1684d: Change children and content prop types of Tooltip to React.Node
- 73b1380: Add Layout System Props group to Text component
5.19.1
Patch Changes
- b232234: Only add aria-describedby on tooltips that are open
5.19.0
Minor Changes
- ec1dde4: Remove unused icons:
gplus
,gplus-alt
,pinterest-square
,reddit-square
,rss-square
,twitter2
,youtube-square
Patch Changes
- 5010b66: Add google-business-messages icon
5.18.3
Patch Changes
- 2b30923: Add
disabled
prop for Menu.Group and Listbox.Group - 2b30923: Design tweaks for Menu and Listbox
5.18.2
Patch Changes
- 31c5234: Update overflow props on breadcrumb component to be optional
5.18.1
Patch Changes
- c39760f: Adds disabled styles for disabled Listbox items
- c39760f: Align ListboxButton popouts to bottom-start by default
- cdfedad: Fix flow issue with “size” prop on ListboxButton
5.18.0
Minor Changes
- d6d3593: Add overflow menu capability to Breadcrumb
5.17.6
Patch Changes
- b3d2014: Make Token a non-submit button
5.17.5
Patch Changes
- 2ae8896: Set tabIndex on Checkbox input instead of container
- 7809bce: Add archive icon
5.17.4
Patch Changes
- 9a5f35e: Fix size of x icon in Toast
- db90795: EmptyState: Hide wrapping box when media is not provided
5.17.3
Patch Changes
- a0ec170: Makes EmptyState's media prop optional
- 8ef9296: Flow fix for Menu
5.17.2
Patch Changes
- 14c59ac: Minor bug fixes for Menu and Listbox
5.17.1
Patch Changes
- 35a189c: Change version of scroll-into-view-if-needed to match web app
5.17.0
Minor Changes
- ca65014: Add Menu and Listbox components
5.16.0
Minor Changes
- ac3924c: Allow styling to FormField component and clean up of qa fields
5.15.9
Patch Changes
- 1b7230b: Add Facebook Groups icon
5.15.8
Patch Changes
- 7043ff1: raw-loader is used in Toast so it needs to be a dependency
- d7016f9: Changing the default precision for the Numeral component when dealing with currencies
- bfe073a: Making the content prop on the Popout and Tooltip components optional
- c8f17c1: Add Glassdoor color
- e6c98a1: Disable interactivity for "pill" tooltips
5.15.7
Patch Changes
- 8f23014: Add Glassdoor icon
5.15.6
Patch Changes
- 8b33446: Adjusted animation on skeleton component now communicates forward progress
- 8ac502a: Toast updated to use semantic Seeds values
5.15.5
Patch Changes
- 2a29537: Fixed a small bug on checkbox where the pill variation did not have a transition on hover.
- 240ea47: Update Slack icon to match their new logo
5.15.4
Patch Changes
- 9569ba6: Adjust toast font size and alignment
5.15.3
Patch Changes
- d88ff57: Add qa attributes to Toast component
5.15.2
Patch Changes
- b9fa5ba: Update react-toastify
5.15.1
Patch Changes
- feeb946: Set correct width for toasts, regardless of content
- 20c9fd4: Fix import statement for react-toastify css
5.15.0
Minor Changes
- 8ccd0ba: Add Toast component
- 841eaee: Add Skeleton component
5.14.0
Minor Changes
- c81af7d: Make the
align
,direction
, andspace
props of the Stack component accept responsive values
5.13.2
Patch Changes
- 051d592: Set default background color on Card
5.13.1
Patch Changes
- df2010b: Fix common
bg
prop not being respected
5.13.0
Minor Changes
- 73bac2f: Add CSS grid props to Box component
5.12.2
Patch Changes
- 5d46f54: Fix z-index bug on Card
5.12.1
Patch Changes
- 6646e97: Add Card to package exports
5.12.0
Minor Changes
- d26a365: Add a Card component
Patch Changes
- 79c0f4c: Additional condensed message spacing tweaks
5.11.0
Minor Changes
- 55b5a44: The Drawer.Closebutton is changed into a pill button instead of the default in order to highlight the hover state
Patch Changes
- 270cb4d: Spacing adjustments for Messages
5.10.0
Minor Changes
- 2462c04: Message.Footer should be nowrap when in condensed
5.9.0
Minor Changes
- 8acb826: Add
stretch
alignment option for the Stack component
Patch Changes
- 83849af: add flow types for border(Top|Bottom)(Left|Right)Radius, fix className flow type collision on styled-components common props
5.8.0
Minor Changes
- 1eab2a5: Add
trophy-outline
icon
5.7.4
Patch Changes
- d36f49a: Adjust Message.Header padding for condensed density
All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
5.7.3 (2020-04-13)
5.7.2 (2020-04-13)
Bug Fixes
5.7.1 (2020-04-09)
Bug Fixes
5.7.0 (2020-04-08)
Features
5.6.1 (2020-04-01)
Bug Fixes
5.6.0 (2020-03-31)
Features
5.5.2 (2020-03-24)
5.5.1 (2020-03-24)
Bug Fixes
5.5.0 (2020-03-16)
Bug Fixes
Features
5.4.2 (2020-03-11)
5.4.1 (2020-03-09)
5.4.0 (2020-03-04)
Bug Fixes
- Avatar: add margin 0 to image (f4432c9)
Features
5.3.0 (2020-03-03)
Bug Fixes
Features
5.2.0 (2020-02-24)
Features
5.1.0 (2020-02-20)
Bug Fixes
- icons: fix misspelling in icon deprecation map (5d24ca3)
- icons: update Tripadvisor Icon (#734) (a728543)
- Modal: add flow types for Modal.Content (#741) (f2e4f42)
Features
- icons: add comment lines alt outline icon (#747) (db669a7)
- icons: add save assets icon (#746) (b3dedb0)
- Popout: add focusLockProps prop (#748) (3600af6)
5.0.0 (2020-02-05)
Chores
BREAKING CHANGES
- All components have now been switched over to the refreshed, "Nectar" aesthetic.
4.6.2 (2020-01-29)
4.6.1 (2020-01-28)
4.6.0 (2020-01-28)
Features
- icons: add density control icons (#713) (2ba7e11)
- icons: add helper for including icons in new projects (#580) (ea9082d)
Performance Improvements
4.5.0 (2020-01-15)
Bug Fixes
- Button: outline and active buttons use neutral 800 (#709) (9065307)
- Message: adjust and clean up spacing on message (#712) (1c9c41c)
- Tooltip: wire up zIndex prop (#711) (1733f62), closes #496
- utils: fix bad ref. to network color for fb-aud-net in theme util (#710) (03451ba)
Features
4.4.3 (2020-01-13)
Bug Fixes
- Button: enable backface visibility on pill button (#707) (331970d)
- Message: remove unneeded props from message button (#708) (ce8b129)
- Popout: fix onClose and onOpen trigger behavior (#705) (6773ed6)
4.4.2 (2019-12-19)
Bug Fixes
4.4.1 (2019-12-18)
Bug Fixes
4.4.0 (2019-12-17)
Bug Fixes
Features
4.3.0 (2019-12-16)
Features
- icons: add dropbox and google drive icons (74dfa52)
4.2.0 (2019-12-12)
Features
4.1.2 (2019-12-11)
Bug Fixes
4.1.1 (2019-12-04)
Bug Fixes
4.1.0 (2019-12-03)
Features
- add Message component (#671) (1d279d4)
- Drawer: drawer content should accept system props (#686) (fb93deb)
4.0.0 (2019-12-02)
BREAKING CHANGES
- Components must be wrapped in a ThemeProvider
- Modal: The API of the Modal component has changed. Visit Seeds for updated documentation.
- Drawer: The API of the Drawer component has changed. Visit Seeds for updated documentation.
- components must now be wrapped in a ThemeProvider
Bug Fixes
- remove theme object from default props (#574) (ffd5d1b)
- Checkbox: align check when labels wrap (3ea0861)
- Checkbox: fix qa attributes (0db753e)
- Checkbox: keep border when checkbox is focused (#683) (fd7aaab)
- Checkbox: refactor default checkboxes for perf (#668) (2b93677)
- Modal: add border to footer via system prop (38a0dbf)
- Modal: add border top to footer (a6e6544)
- Modal: fix logic for close button (7fb5115)
Chores
- remove hardcoded themes (10d44b0)
Features
- Drawer: add ability to customize components further (#667) (1b4dc99)
- Drawer: remove layout opinions and header prop, add esc ke… (#557) (af3fd00)
- Modal: remove opinionated modal styles (#629) (6fb5dd5)
- Select: add innerRef to Select (#673) (fab3d79)
3.36.0 (2019-11-14)
Bug Fixes
Features
3.35.3 (2019-11-06)
Bug Fixes
3.35.2 (2019-11-05)
3.35.1 (2019-11-04)
3.35.0 (2019-11-04)
Bug Fixes
- EmptyState: generalize subtext flow type (#657) (4589744)
- icons: remove unused icons (#640) (3a27bef)
Features
3.34.0 (2019-10-28)
Bug Fixes
Features
3.33.0 (2019-10-23)
Bug Fixes
- icons: clean up follow-outline icon markup (#651) (3052436)
- LoaderButton: center loader in all browsers (#649) (2c620f3)
- Popout: use referenceElement to workaround memory leak (#642) (7415261)
Features
3.32.0 (2019-10-22)
Bug Fixes
- Collapsible: remove default height (#644) (029462a)
- align qa selectors with standards (#635) (f552594)
- icons: asset library and asset library outline icons (#646) (0f60ec1)
- Image, Numeral: design and attribute fixes (bba32e5)
- SegmentedControl, Modal, Drawer: IE and Chrome fixes (#647) (294fab0)
Features
3.31.0 (2019-10-17)
Features
- icons: add icons for images, camera story, and video camera story (#639) (6769218)
- Popout: use react-focus-lock for focusOnContent (#624) (b0634d6)
- Table: update table header alignment to default bottom (#638) (e2d9c8a)
3.30.3 (2019-10-15)
Bug Fixes
3.30.2 (2019-10-09)
Bug Fixes
3.30.1 (2019-10-07)
Bug Fixes
3.30.0 (2019-10-04)
Features
- icons: add outline icons for eye slash and unfollow (#622) (ce18f9c)
- Input, Textarea: remove readonly prop (#627) (eaf3445)
3.29.1 (2019-10-03)
Bug Fixes
3.29.0 (2019-10-03)
Features
3.28.0 (2019-10-03)
Bug Fixes
- Fieldset: Form updates (#617) (a83a98e)
- icons: updated compose icon (9372018)
- Numeral: use border-bottom over underline (#615) (06e91e5)
Features
- add Toggle Icon component (#620) (6067d63)
- Automatically reposition Popout when content changes (#619) (03c74ea)
3.27.0 (2019-10-01)
Bug Fixes
Features
3.26.0 (2019-09-30)
Features
- Button: add placeholder appearance (ae58d95)
3.25.1 (2019-09-30)
Bug Fixes
3.25.0 (2019-09-27)
Bug Fixes
Features
3.24.0 (2019-09-25)
Features
3.23.0 (2019-09-24)
Features
3.22.1 (2019-09-19)
Bug Fixes
3.22.0 (2019-09-19)
Bug Fixes
- icons: update TripAdvisor icon outline (#589) (0dec893)
- EmptyState: fix headline font size (#596) (656941d)
Features
- icons: add user-circle icon (#595) (a1950ef)
- Popout: add scheduleUpdateRef prop (#592) (ea7ec73)
- Token: Add data-qa-token attribute (#588) (9052c85)
3.21.0 (2019-09-16)
Bug Fixes
- Button, Checkbox: add multiply blend to pill appearance (#579) (ab1cd36)
- Icon: add focusable false for IE (#584) (2da4a32)
- KeyboardKey: allow system props (#581) (7eb4a09)
- Tabs: add attribute for selected state(#585) (56b02d1)
- add inputProps to Input, Select, Textarea (#586) (986239f)
Features
- Collapsible: add offset prop (#583) (ccf387f)
- FormField: add FormField component (#326) (32df1c7)
- theme: allow prefixes for space, border radii, shadows, an… (#457) (d2e44f2)
3.20.0 (2019-09-09)
Bug Fixes
- icons: update TripAdvisor outline color (#573) (3a9eb92)
- Select: set select visibility (#575) (2c4e4d5)
Features
3.19.1 (2019-09-05)
3.19.0 (2019-09-05)
Bug Fixes
Features
3.18.2 (2019-09-03)
3.18.1 (2019-08-28)
Bug Fixes
3.18.0 (2019-08-21)
Bug Fixes
- Button: use themeGet for hoverColor (#549) (af076ed)
- dependencies: move seeds-packets to peerDependencies (#542) (db10988)
- Image: replace deprecated lifecycle method (#547) (0c34fde)
Features
- icons: add filter icon address-card (#554) (1997d2f)
- icons: add follow-outline icon (#553) (10e9db7)
- icons: update grip icon (#548) (7468cc2)
3.17.2 (2019-08-13)
Bug Fixes
3.17.1 (2019-08-12)
Bug Fixes
- Button: add back inline block style (#545) (9c9d2d5)
- Input: change key up and key down prop flow types (#544) (bed7056)
3.17.0 (2019-08-12)
Bug Fixes
- Collapsible: fixed flow issue (#537) (104f8f0)
- Collapsible: set hidden attribute when collapsed (#541) (5507ab6)
- Numeral: fixed flow issue (#539) (fe1fc72)
- Popout: flow issues and a few dependency array mismatches (#526) (8de889e)
Features
- add pill style to Button and Checkbox (#535) (3277675)
- add SegmentedControl component (#536) (17d4e1b)
- Drawer: allow drawer header customization (#538) (a4ec003)
- icons: add outline icon for Saved Replies (#540) (af8190e)
3.16.0 (2019-08-07)
Bug Fixes
Features
3.15.0 (2019-08-06)
Bug Fixes
- Drawer: add height: 100% to drawer content (#531) (55ba450)
- Tabs: fix focus ring, active state (#530) (81a559e)
Features
3.14.0 (2019-08-05)
Bug Fixes
- Numeral: handle 0 and include some tests (#527) (5702d69)
- remove bg on link buttons, add new network colors (#528) (27317cf)
Features
3.13.1 (2019-08-01)
Bug Fixes
3.13.0 (2019-07-31)
Features
3.12.1 (2019-07-30)
Bug Fixes
- Checkbox: block pointer events on check icon (#517) (709030b)
- Checkbox, Radio: use primary green (#516) (e5d9e32)
3.12.0 (2019-07-29)
Features
3.11.0 (2019-07-26)
Features
3.10.1 (2019-07-23)
Bug Fixes
3.10.0 (2019-07-23)
Features
3.9.0 (2019-07-16)
Features
- icons: add sparkles-solid icon (#492) (2904c00)
- Tooltip: make tooltip content left aligned for box appearance (#490) (412aba8)
3.8.0 (2019-07-15)
Features
3.7.0 (2019-07-11)
Features
- Input: add autocomplete prop (#479) (de9baf6)
- Popout: improvements for fully controlled Popouts (#483) (321ae00)
3.6.0 (2019-07-10)
Bug Fixes
- Popout & Tooltip: remove unnecessary wrapper div (#474) (b3224ec)
- Tabs: fix fullWidth prop Flow type (#473) (05f3fd7)
- theme: incorrect border prop value (#469) (f7bc46b)
- Tooltip: change default tooltip fontsize from 11px to 13px (#468) (0b9cf45)
Features
3.5.0 (2019-07-08)
Bug Fixes
- Drawer: do not autofocus drawer contents (#454) (c2dc5f5)
- Select: do not spread props onto arrow (#455) (82a9095)
Features
- Input: add onPaste handler to Input (#465) (b527b1b)
- Tabs: add full width style (#458) (22a4af1)
- textarea: add max length prop to textarea (#464) (a7ef18c)
3.4.1 (2019-07-02)
Bug Fixes
- Tooltip: fix flow types for web-app (#452) (4a3df5f)
- Tooltip: spread props onto tooltip container (#447) (e40a3fa)
3.4.0 (2019-07-01)
Bug Fixes
Features
3.3.1 (2019-06-29)
Bug Fixes
- Portal: fix browser checks (e8a1582)
3.3.0 (2019-06-28)
Bug Fixes
- Drawer: tweak styles (#439) (cef4c12)
- Portal: prevent fatal errors with SSR (#438) (18ac220)
- Tooltip: infer content appearance from type (#424) (ded50ff)
Features
- icons: add publishing failed posts icon, file-times (#440) (038c815)
- Popout: add onOpen and onClose callbacks (#437) (fecfc1d)
- theme: add Nectar border radius shims (#431) (951866f)
3.2.0 (2019-06-26)
Bug Fixes
- Modal: suppress flow warning in web-app-core b/c of hooks (#422) (38113a2)
- Popout: make viewport the default boundaries, expose prop (#405) (05b3d73)
Features
- add Tooltip component (#361) (e522dc4)
- Drawer: add drawer component (7c4bf4a)
- Modal: make onClose optional (#411) (210419d)
- Popout: add ability to autofocus on popout content (#412) (f1c2c5c)
- theme: add “warning” semantic token (#404) (c684457)
3.1.4 (2019-06-24)
Bug Fixes
- icons: update Facebook icon to latest (#403) (fae5949)
- Input: Remove IE clear button. fixes RS-420 (#397) (76bac23)
3.1.3 (2019-06-19)
Bug Fixes
3.1.2 (2019-06-18)
Bug Fixes
- add file to files (940b9f3)
3.1.1 (2019-06-18)
3.1.0 (2019-06-18)
Features
3.0.4 (2019-06-18)
Bug Fixes
3.0.3 (2019-06-17)
Bug Fixes
- Button: select Icons in buttons using their classname (#351) (e06408a)
- Modal: header rendering issue in react-hot-loader (#352) (358ad47)
3.0.2 (2019-06-13)
build
Features
BREAKING CHANGES
These changes are only breaking if you were accessing the undocumented internals of the package.
- removes webpack output
lib
now holds all esmodules, whilecommonjs
is the folder for commonjs modules. Thesrc
folder was only used for Flow types, so to clarify its use the folder has been renamed to__flow__
3.0.1 (2019-06-13)
Bug Fixes
- update flow suppression comment (#346) (674a352)
- Text: restore functionality of fontSize prop (#347) (dbe20e4)
3.0.0 (2019-06-13)
BREAKING CHANGES
- This requires Racine to be installed with an additional dependency. See the Seeds docs for install instructions.
- Text: This changes the default element type for Text from
div
tospan
. It also removes the default font size, so Text will inherit its font size by default. Finally, the deprecatedisItalicized
,size
andweight
props have been removed, andoverflow
andisTruncated
props have been renamed tobreakWord
andtruncated
, respectively. - Modal: The Modal component now requires a label for the close button for accessibility.
Features
- dependencies: update styled-system to v5 (#334) (bd552aa)
- icons: add bitly, feedly, update facebook, notifcations, dashboard (#339) (67b5781)
- icons: add new Compose icon (#340) (f41d5e8)
- add Popout component (0d51bb7)
- add theme value for subtext (#338) (1516fed)
- add ThemeProvider component (#341) (feab503)
- Text: default to span, inherit font size (#335) (5f2bd6c)
- move styled components to peer dependency (#325) (b13dbbb)
Bug Fixes
- make height of Select and Input match (#344) (843f198)
- Input: remove red ring in firefox (#336) (6b1f591)
- Modal: add close button aria-label (#328) (694ded7)
2.5.0 (2019-06-06)
Bug Fixes
- Button: properly align icons in buttons (#332) (24d0125)
- Input: add search to type prop (#333) (72a72dc)
Features
2.4.1 (2019-06-05)
Bug Fixes
2.4.0 (2019-05-28)
Bug Fixes
Features
- add semantic theme values (c4d5b8e)
2.3.0 (2019-05-20)
Features
2.2.2 (2019-05-16)
Bug Fixes
2.2.1 (2019-05-15)
2.2.0 (2019-05-15)
Bug Fixes
- add reset styles for Box and Button (#304) (974eda6)
- IE 11 issues for Icon, Checkbox, and Select (#306) (8674cda)
- Box: forward refs to component (#313) (291fb68)
- Button: apply icon line height to Button (#303) (30ce806)
- Modal: fix rendering on IE 11 and with forms (228676d)
- Radio: fix IE 11 styles (#308) (53b58e3)
- Switch: spread down QA prop (#312) (39bebee)
- TableRowAccordion: onToggle fires twice (#310) (c2f9564)
- Text: do not pass non-strings to QA prop (#314) (91f503d)
Features
2.1.0 (2019-04-24)
Bug Fixes
- missing border-radius system prop (cbafec9)
Features
- add @storybook/knobs integration (#290) (da9f7a4)
2.0.0 (2019-04-24)
Documentation
BREAKING CHANGES
- The custom Racine app has been replaced with Storybook. No changes to the package have been made. This was made as a breaking change because of the significance of the local development experience.
1.4.0 (2019-04-23)
Bug Fixes
Features
1.3.0 (2019-04-18)
Bug Fixes
Features
1.2.9 (2019-04-12)
1.2.8 (2019-04-12)
1.2.7 (2019-04-10)
Bug Fixes
- icons: fix fill of circle-check-filled (#273) (c633984), closes #272
- rename borders theme key to borderWidths (#274) (e20792f)
1.2.6 (2019-04-09)
Bug Fixes
1.2.5 (2019-04-04)
Bug Fixes
1.2.4 (2019-04-04)
Bug Fixes
1.2.3 (2019-04-03)
Bug Fixes
- remove HTML tags from prop descriptions (ee8d62a)
1.2.2 (2019-04-03)
Bug Fixes
- forms: add refs to textarea and input (367eb81)
1.2.1 (2019-04-03)
1.2.0 (2019-04-02)
Bug Fixes
Features
- forms: add form components (c1b1381)
1.1.0 (2019-03-28)
Features
- modal: add Modal component (4989ffb)
1.0.0 (2019-03-20)
Bug Fixes
- prepare for 1.0.0 (b812bca)
Features
1.0.0-beta.25 (2019-03-19)
1.0.0-beta.24 (2019-03-18)
Bug Fixes
Features
1.0.0-beta.23 (2019-03-15)
Features
1.0.0-beta.22 (2019-03-14)
Features
1.0.0-beta.21 (2019-03-13)
Bug Fixes
1.0.0-beta.20 (2019-03-12)
Features
- icons: adding arrow-right-line and window-restore COMPOSE-3600 (958e1f0)
1.0.0-beta.19 (2019-03-12)
Features
- icons: update trend-up, trend-neutral, trend-down svgs (#248) (e165ec3)
- add Switch component (#244) (8a5ab3d)
1.0.0-beta.18 (2019-03-11)
Bug Fixes
- remove prop type objects from Badge and Link (#240) (183199a)
- icon: oprimize instagram icon (#249) (d4bb1c5)
- Image: fix accessibility and add alt-text rule (#247) (0de8770)
Features
- Button: add default font stack update focus outline (#245) (ab06e64)
- Link: add default font stack, inherit font size (#246) (5b66265)
1.0.0-beta.17 (2019-03-06)
Bug Fixes
1.0.0-beta.16 (2019-03-06)
Bug Fixes
1.0.0-beta.15 (2019-03-06)
Features
1.0.0-beta.14 (2019-03-04)
Features
- add Button component (#224) (78f0a9f)
- Button: add aria tag, minor tweaks based on Link component (#235) (c03aad1)
- Button: apply current Sprout color theme to Button (#231) (96e2885)
- add Link component (#234) (6e1d801)
1.0.0-beta.13 (2019-02-25)
Features
- icon: add play icon (ef9b7aa)
1.0.0-beta.12 (2019-02-22)
Features
1.0.0-beta.11 (2019-02-21)
Bug Fixes
- dependencies: remove svg-to-dataurl dependency (#221) (1ebb77c)
- Radio: fix line break issue (#222) (db46f89)
1.0.0-beta.10 (2019-02-20)
Features
1.0.0-beta.9 (2019-02-20)
Features
1.0.0-beta.8 (2019-02-20)
1.0.0-beta.7 (2019-02-20)
Bug Fixes
1.0.0-beta.6 (2019-02-20)
Bug Fixes
- icons: replace trend arrow icons with new svgs (#213) (1a6d6f7)
- theme: fix shadows variable typo (#215) (69f44c4)
1.0.0-beta.5 (2019-02-18)
Bug Fixes
1.0.0-beta.4 (2019-02-14)
Bug Fixes
1.0.0-beta.3 (2019-02-14)
Bug Fixes
- Icon: add pdf and IE 11 fix back in (#202) (41a9cad)
- theme: theme.shadows property name (#201) (a05ca8f)
- revert c132148849ccbe61569f588e04d748db0b5ebaf4 (#207) (34fa3ff)
1.0.0-beta.2 (2019-02-12)
Features
- convert Alert, ChartLegend, Loader, Radio, Checkbox, Table, TableCell, TableHeaderCell, TableRowAccordion, Text, and Textarea to styled components (c132148)
1.0.0-beta.1 (2019-02-07)
Bug Fixes
Features
- convert CharacterCounter, Icon, Image, Indicator, KeyboardKey, and ToggleHint to styled components (36a0a5c)
1.0.0-beta.0 (2019-02-05)
Features
- dependencies: add styled-components & styled-system (0218df6)
0.3.3 (2019-01-15)
Features
0.3.2 (2018-12-07)
Features
0.3.1 (2018-12-07)
Features
0.3.0 (2018-12-04)
Bug Fixes
Chores
BREAKING CHANGES
- the upgrade of babel changed the components' outputs
0.2.41 (2018-12-03)
0.2.40 (2018-12-03)
0.2.39 (2018-11-30)
Features
0.2.38 (2018-11-29)
Features
0.2.37 (2018-11-19)
0.2.36 (2018-11-13)
Features
0.2.35 (2018-11-13)
Features
0.2.34 (2018-11-09)
0.2.33 (2018-11-08)
Features
0.2.32 (2018-11-01)
Features
0.2.31 (2018-10-31)
Bug Fixes
0.2.30 (2018-10-25)
Features
0.2.29 (2018-10-24)
Features
0.2.28 (2018-10-24)
Features
0.2.27 (2018-10-17)
0.2.26 (2018-10-17)
Features
0.2.25 (2018-10-04)
Features
0.2.24 (2018-10-02)
Features
- Icon: update documentation with link to seeds & search (#155) (e13ee7f)
- icons: add file-chart-line icon (#154) (b5bb229)
- Text: fix category contxtual classification (#157) (78b94ed)
0.2.23 (2018-09-26)
Features
- icons: update bots icon (e309eb3)
0.2.22 (2018-09-26)
Features
0.2.21 (2018-09-18)
Features
0.2.20 (2018-09-13)
0.2.19 (2018-09-13)
Features
0.2.18 (2018-09-12)
Features
0.2.17 (2018-09-11)
Features
0.2.16 (2018-09-04)
Features
0.2.15 (2018-08-21)
Features
0.2.14 (2018-08-21)
Features
- icons: moved the old, misnamed youtube-sqaure icon and replaced it with the youtube icon. (dc14dfa)
0.2.13 (2018-08-06)
Features
0.2.12 (2018-07-31)
Bug Fixes
0.2.11 (2018-07-30)
Features
0.2.10 (2018-07-26)
Features
0.2.9 (2018-07-12)
Bug Fixes
0.2.8 (2018-07-12)
Features
0.2.7 (2018-07-11)
Bug Fixes
0.2.6 (2018-07-11)
Bug Fixes
0.2.5 (2018-07-09)
Features
- Icons: add fixed width option to Icon component (#122) (41281e3)
- ToggleHint: add ToggleHint component (#121) (a0115e0)
0.2.4 (2018-06-29)
Bug Fixes
0.2.3 (2018-06-28)
Bug Fixes
Features
- Icon: proportional width icons (7f3e38e)
0.2.2 (2018-06-22)
Bug Fixes
0.2.1 (2018-06-22)
Bug Fixes
- icons: fixing SVG names to match SEEDS standards part 1 (#114) (e399bca)
- icons: fixing SVG names to match SEEDS standards part 2 (#115) (53c3d09)
0.2.0 (2018-06-18)
Features
- add Textarea component (#104) (bea0984)
- Badge: get badge up to parity with workshop (#111) (225efe9)
- Icon: update to component defaults, add Font Awesome icons (#112) (89d83ea)
- icons: add Slack logo icon (#110) (e281f10)
BREAKING CHANGES
- Icon: changes all existing icons
0.1.5 (2018-06-12)
Features
- add Textarea component (#104) (bea0984)
- Badge: get badge up to parity with workshop (#111) (225efe9)
0.1.4 (2018-05-23)
Features
0.1.3 (2018-05-17)
Features
0.1.2 (2018-05-10)
Bug Fixes
- build: ignore setupTests.js in published JS (#89) (23b55bf)
- build: remove postinstall script from package.json (#90) (82240a9)
0.1.1 (2018-05-10)
Features
- icons: add sprout social icon (#84) (29e9743)
- icons: sync icons with web app (#76) (c1ff783)
- add Checkbox component (#86) (9cef219)
- icons: sync icons with web-app (#87) (c42e63b)
0.1.0 (2018-04-04)
Features
BREAKING CHANGES
- EducationTip: remove EducationTip component
0.0.7 (2018-03-27)
Bug Fixes
Features
- build: export propTypes converted from Flow Types (#60) (ba86eb7)
- icon: add reporting period icon (b314211)
0.0.6 (2018-03-23)
Features
0.0.5 (2018-03-21)
(0.0.3 - 0.0.5-1 were invalid publishes are were removed)
Features
Bug Fixes
- build: build package before publishing (1eea9be)