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

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

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

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

  • 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

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

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

  • 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

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

  • 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

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

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

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

  • 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

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

  • 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

3.29.0 (2019-10-03)

Features

3.28.0 (2019-10-03)

Bug Fixes

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

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

3.25.0 (2019-09-27)

Bug Fixes

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

3.22.0 (2019-09-19)

Bug Fixes

Features

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

Features

3.19.1 (2019-09-05)

3.19.0 (2019-09-05)

Bug Fixes

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

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

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

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

  • 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

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

  • 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

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

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

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

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, 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

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

Bug Fixes

2.5.0 (2019-06-06)

Bug Fixes

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

2.2.2 (2019-05-16)

Bug Fixes

2.2.1 (2019-05-15)

2.2.0 (2019-05-15)

Bug Fixes

Features

2.1.0 (2019-04-24)

Bug Fixes

  • missing border-radius system prop (cbafec9)

Features

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

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

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

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

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

  • 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

Features

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

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

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

Features

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

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

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

Features

1.0.0-beta.13 (2019-02-25)

Features

1.0.0-beta.12 (2019-02-22)

Features

1.0.0-beta.11 (2019-02-21)

Bug Fixes

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

  • revert 34fa3ff0020b3f988ca210f3fe5fb0a575506b98 (#212) (5795961)

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