Change Log

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