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

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 the Button 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 the format 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 force react-popper to use a more current version of its dependency, create-react-context, since we are unready to upgrade react-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 the onClickToken to:
1. simply pass the id of the clicked token as opposed to an entire element;
2. 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 the onChangeTokens prop. For more control over the creation and deletion of tokens, use the onAddToken and onRemoveToken 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 Racine Popout component that needed to be updated. The scheduleUpdate method has been renamed to update and returns a promise, and the outOfBoundaries prop has been replaced with isReferenceHidden and hasPopperEscaped. 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, and space 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

Portal: make component safe for SSR (#780) (51501c9)

5.7.1 (2020-04-09)

Bug Fixes

Message: update condensed avatar size CUSTCARE-379 (#778) (317b77f)

5.7.0 (2020-04-08)

Features

Message: add condensed density CUSTCARE-379 (#777) (cdf5dd1)

5.6.1 (2020-04-01)

Bug Fixes

Switch: fix flow type definition (#775) (ede9326)

5.6.0 (2020-03-31)

Features

add standardized breakpoints for responsive props (#764) (87b8f56)

5.5.2 (2020-03-24)

5.5.1 (2020-03-24)

Bug Fixes

Message: correct innerRef prop flow type (#772) (624f1e8)

5.5.0 (2020-03-16)

Bug Fixes

LoaderButton: fix secondary appearance (#767) (bc746a9)
Switch: fix “on” state (#769) (e964b3d)

Features

Message: add Avatar subcomponent (#766) (9d9eaa3)

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

Breadcrumb: creation of the breadcrumb component (#759) (9bb78a7)

5.3.0 (2020-03-03)

Bug Fixes

Banner: switch to correct icons (7fa53a2)
ChartLegend: fix label text color (#756) (cd68cf9)

Features

utils: added border radius system props (#758) (0fae6f0)
add Avatar component (#760) (227c042)

5.2.0 (2020-02-24)

Features

Banner: rename Alert to Banner, new design (#743) (571761e)

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

merge nectar branch into master (#732) (2362a24)

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

FormField: decrease render depth of FormField (#714) (4ec706e)

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

icons: puzzle piece (#706) (b32263c)

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

Popout: revert #695 (68a478c)

4.4.1 (2019-12-18)

Bug Fixes

Stack: wrap items in div to isolate styles (#702) (1f7589a)

4.4.0 (2019-12-17)

Bug Fixes

Popout: clean up a11y for tooltip and popout (#695) (1b6a137)

Features

add Stack component (#693) (be75397)

4.3.0 (2019-12-16)

Features

icons: add dropbox and google drive icons (74dfa52)

4.2.0 (2019-12-12)

Features

Enable icon linting + further icon optimization (#694) (5914497)

4.1.2 (2019-12-11)

Bug Fixes

Modal: fix ReactModalAdapter class names (#692) (8e184cc)

4.1.1 (2019-12-04)

Bug Fixes

Message: make densities and context available as subs of Me… (#687) (1bd9fdf)

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

Select: fix onChange event type (#670) (da57248)
Tabs: add bottom border to tabs (#656) (1c7bf62)

Features

Popout: add option to mount using portal (#666) (672e760)

3.35.3 (2019-11-06)

Bug Fixes

Link: add default type to links as buttons (#665) (bf0d14f)

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

icons: add keyboard icon (#658) (afe781b)

3.34.0 (2019-10-28)

Bug Fixes

Link: make selector casing consistent (#655) (830864a)

Features

icons: add arrow-left-line (#653) (8364a3d)
icons: add click-to-view icon (#652) (7adb673)

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

icons: add dislike icons (#650) (89e1f86)
utils: add cursor system prop (#648) (856e6ac)

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

icons: add flag outline icon (#645) (8331047)

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

icons: swap triangle-nofill svg incon (#634) (fba8012)

3.30.2 (2019-10-09)

Bug Fixes

Icon: change styled Icon property for size to iconSize (#633) (50635d8)

3.30.1 (2019-10-07)

Bug Fixes

utils: check for DOM environment in hooks (#628) (c1bcee6)

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

Input: readonly should be optional (#625) (9e08cdf)

3.29.0 (2019-10-03)

Features

Input, Textarea: add readonly prop (#621) (31c5f1d)

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

Select: update qa-selector for name (#611) (934639f)

Features

ThemeProvider: export theme (#610) (67b6638)

3.26.0 (2019-09-30)

Features

Button: add placeholder appearance (ae58d95)

3.25.1 (2019-09-30)

Bug Fixes

Remove blur on click in Button and Link (#608) (4df721f)

3.25.0 (2019-09-27)

Bug Fixes

KeyboardKey: set minimum width (#606) (69803fb)

Features

icons: add outline icons for bell and message (#605) (4d95352)

3.24.0 (2019-09-25)

Features

icons: update and add new sentiment icons (#602) (8539d4e)

3.23.0 (2019-09-24)

Features

Fieldset: add Fieldset component (#481) (cbb88c0)
icons: add outline icons for publishing (870fdaa)

3.22.1 (2019-09-19)

Bug Fixes

Token: flow issue with default props (#598) (522c432)

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

icons: add pause icon (#571) (3e27505)

3.19.1 (2019-09-05)

3.19.0 (2019-09-05)

Bug Fixes

Button: override visited styles for links (#569) (27004e9)

Features

add EmptyState component (#560) (77f0dd3)

3.18.2 (2019-09-03)

3.18.1 (2019-08-28)

Bug Fixes

add extrabold to fontWeights theme (#555) (e5ec437)
Button: add a default type (#556) (82e4116)

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

Collapsible: fix layout in Chrome (#546) (2827c1c)

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

Checkbox: fix IE 11 issue (#533) (0ce2987)

Features

icons: replace unlock icon (#534) (d01e91e)
add Collapsible component (#518) (470b70c)

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

Popout: pass keyboard/mouse events to setIsShown (#532) (cfff713)

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

icons: add export icon (#529) (fdcc208)

3.13.1 (2019-08-01)

Bug Fixes

circle-check-inverse icon bug (#525) (a7f764b)

3.13.0 (2019-07-31)

Features

icons: external-link-alt (#519) (45216b5)

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

add Numeral component (#387) (900ffa4)
icons: add outline icons for Nectar (#514) (97e30dd)

3.11.0 (2019-07-26)

Features

icons: add tripadvisor-circle icons (#511) (2a9fac4)
add LoaderButton component (#512) (0f65046)

3.10.1 (2019-07-23)

Bug Fixes

Text: leave vertical padding (#505) (728be5c)

3.10.0 (2019-07-23)

Features

labels for Checkbox and Radio (#480) (5713f9e)

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

icons: add file edit icon (#489) (d9a8c01)

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

Input: added hasWarning to Input component (#475) (68821bf)

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

theme: add 0 shades for colors (#446) (5699915)

Features

Drawer: focus lock drawer (#441) (0ea2629)

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

icons: fix fill issue with tripadvisor svg (#379) (1f3e5c2)

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

icons: add sticky-note icon (#371) (bb01292)
icons: add tripadvisor icon (#369) (9783703)

3.0.4 (2019-06-18)

Bug Fixes

Link: forward custom “as” prop (#362) (5af9836)

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

remove webpack built output (#349) (611e979)
rename output folders for clarity (#348) (91482c6)

Features

icons: add columns icon (#350) (fb1e537)

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, while commonjs is the folder for commonjs modules. The src 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 to span. It also removes the default font size, so Text will inherit its font size by default. Finally, the deprecated isItalicized, size and weight props have been removed, and overflow and isTruncated props have been renamed to breakWord and truncated, 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

add large and small sizes to Select and Input (#331) (8d5a4fd)

2.4.1 (2019-06-05)

Bug Fixes

Button: remove hover state from default theme (#329) (e88834b)

2.4.0 (2019-05-28)

Bug Fixes

system-props: output line height after font size (#327) (5b7118b)

Features

add semantic theme values (c4d5b8e)

2.3.0 (2019-05-20)

Features

icons: add recommendation icon (#321) (f73470b)
Modal: expose COMMON system props (#322) (79e691e)

2.2.2 (2019-05-16)

Bug Fixes

Box: FlowIssue Box component (#318) (2691128)

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

Portal: add portal helper component (#295) (f9654bd)

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

replace custom app with Storybook (#289) (ccf3890)

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

accessibility: remove title element from icons (#282) (8478d10)

Features

icons: add recommendation icon (#286) (0d0ea31)
modal: add customizable z-index (#287) (9e4a593)

1.3.0 (2019-04-18)

Bug Fixes

fix bug with border system props (#284) (c46386c)

Features

icons: add google-my-business icon (#283) (f7b0e2c)

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

add qa props spread to forms for early adopters (#271) (069eee0)

1.2.5 (2019-04-04)

Bug Fixes

checkbox: remove class name (#269) (b859bab)

1.2.4 (2019-04-04)

Bug Fixes

adjust focus and disabled states (#268) (66b3963)

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

link: change link colors to current Sprout style (#265) (9351099)

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

icons: add eye slash icon (#261) (cdfe612)

1.0.0-beta.25 (2019-03-19)

1.0.0-beta.24 (2019-03-18)

Bug Fixes

Link: reset bg color when Link is rendered as a button (#258) (30bda7d)

Features

icons: add star-half icon (#254) (b6dcb97)
tabs: new tabs component (#243) (7e71b98)

1.0.0-beta.23 (2019-03-15)

Features

icons: add story icons (#253) (0937aff)

1.0.0-beta.22 (2019-03-14)

Features

add Token component (#251) (0677d54)

1.0.0-beta.21 (2019-03-13)

Bug Fixes

Switch: pass the event onClick (#252) (bf9313b)

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

badge: remove prop type objects (#238) (767447e)

1.0.0-beta.16 (2019-03-06)

Bug Fixes

Badge: freeze enum objects (#237) (7883030)

1.0.0-beta.15 (2019-03-06)

Features

Button: add layout package, normalize a and button size (#236) (2b8e26e)

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

icons: add spike alert icon (#225) (9de5c09)
icons: replace filter with sliders-h (#223) (e5c9987)

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

icons: fix filter + add cloud (#219) (a436f14)

1.0.0-beta.9 (2019-02-20)

Features

icons: add icons for filtering (#216) (0963a93)
icons: create “Unlink” icon (#218) (cca7252)

1.0.0-beta.8 (2019-02-20)

1.0.0-beta.7 (2019-02-20)

Bug Fixes

Icon: fix typo (#214) (db6c71e)

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

revert 34fa3ff0020b3f988ca210f3fe5fb0a575506b98 (#212) (5795961)

1.0.0-beta.4 (2019-02-14)

Bug Fixes

Icon: fix IE 11 hack (#209) (37b512e)

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)

Change Log

7.2.0

Minor Changes

7.1.0

Minor Changes

7.0.2

Patch Changes

7.0.1

Patch Changes

7.0.0

Major Changes

6.25.2

Patch Changes

6.25.1

Patch Changes

6.25.0

Minor Changes

6.24.0

Minor Changes

6.23.0

Minor Changes

6.22.3

Patch Changes

6.22.2

Patch Changes

6.22.1

Patch Changes

6.22.0

Minor Changes

6.21.0

Minor Changes

Patch Changes

6.20.0

Minor Changes

Patch Changes

6.19.0

Minor Changes

6.18.3

Patch Changes

6.18.2

Patch Changes

6.18.1

Patch Changes

6.18.0

Minor Changes

6.17.0

Minor Changes

6.16.0

Minor Changes

6.15.2

Patch Changes

6.15.1

Patch Changes

6.15.0

Minor Changes

Behavior Fixes

New Features

Implementation Improvements

Implementation Fixes

Other Improvements

6.14.1

Patch Changes

6.14.0

Minor Changes

6.13.0

Minor Changes

6.12.0

Minor Changes

Patch Changes

6.11.2

Patch Changes

6.11.1

Patch Changes

6.11.0

Minor Changes

6.10.2

Patch Changes

6.10.1

Patch Changes

6.10.0