@weave-design/[email protected]

@weave-design/notifications-flyout-v1.0.0 (2023-03-07)

BREAKING

• icon/icon-button: Removes @hig/icon and refactor @hig/icon-button to use @hig/icons (49d78f4)

Bug Fixes

• max-height calc on notifications-flyout (4581856)
• react v. in peerDependencies instead of dependencies (4701332)
• behavior: combine event handlers to call the notification onDismiss event handler (4ab1798)
• bundle: Fix package bundles (a1b479d)
• bundle: include dependency CSS (f5a4a62)
• bundle: upgrade [@hig](https://github.com/hig)/progress-ring to remove vanilla dependency (d756a13)
• change notifications to wrap long words properly (174b4ad)
• combined greenkeeper prs for version updates see pr 1392 (d0a017a)
• dismissButtonTitle prop was never exposed (4221ccb)
• flyout action alignment (b7f242d)
• Forcing semantic release by editing readmes (d39b61f)
• icon-button: Fix IconButton rendering when link is absent (1f2e292)
• notification badge border color (edd04ba)
• package: update @hig/flyout to version 0.7.0 (5b7d98a)
• package: update @hig/flyout to version 0.8.0 (37ab319)
• package: update @hig/flyout to version 1.0.0 (10c4c7a)
• package: update @hig/icons to version 2.0.0 (eb12c2e)
• package: update @hig/utils to version 0.4.0 (b6cc34b)
• package: update [@hig](https://github.com/hig)/babel-preset to produce valid syntax for IE11 (2f4e8d8)
• passing stylesheet incorrectly to flyout panel (e2e3f46)
• presentation: add missing stylesheet dependency (56f4261)
• remove react-lifecycles-compat polyfill (645ceab)
• remove unused styles dependency (0b1057d)
• set success color for light gray to correct value (3552329)
• stop using deprecated theme-data roles (341f37a)
• storybook: Add back Icon stories (f38f2d4)
• theme-context and theme-data as peer dependencies (3524211)
• unit testing (29a1a1b)
• update dependencies (70fb27c)
• update icon sets (9281451)
• update icon-button dependency (d48bc40)
• upgrade flyout in dependants (ea3bedd)
• use theme-data for padding (2125101)
• utils: Use combineEventHandlers for onClick passthrough (116dacb)

Code Refactoring

• Major Release - React 17 Upgrade (2523711)

Features

• add props for positioning (e50a0fd)
• add stylesheet prop (b167948)
• add support for notification images (89f380a)
• allow passing down of className (e218a47)
• behavior: rewrite NotificationsFlyout (f9331f7)
• make notifications-flyout themeable (857fcaf)
• Mark package compatibility with React 16 (6eaeb27)
• notifications-flyout: Allow onClick prop passthrough (56d0bb4)
• notifications-flyout: Migrate Notification to new notifications-flyout package (0a624db)
• presentation: add empty state (ffd49df)
• presentation: add empty state (ab6b50d)
• refactors account and project filters, refines render behavior depending on what combination of accounts and projects is passed to component (d25e5ad)
• update react-transition-group (56b4f6c)
• updating peer dependencies release (0a8a2b6)
• use @hig/progress-ring v3.0.0 (1cdc118)
• use latest theme-data (7b566fd)

Reverts

• "Revert "Revert "feat : Migrate all repository to React v17.0 """ (bf78986)

BREAKING CHANGES

• This release includes upgrading to React 17 and all associated libraries. The components have also had structural changes, utilizing stateless components and hooks. There should be no change in look or behavior of components. The code usage is the same so if you’re already on react 17 you can bump the version directly. If you’re on an old version of react you’ll need to upgrade your project’s react first to 17 and then the HIG components. This upgrade also means no more fixes for the react 15 version but it will still be available for download from NPM. You can fork the repo and make fixes with the older version if there is something critical past this release date.
• • Removed all css classnames
• icon/icon-button: Removes @hig/icon
• icon/icon-button: Use icon prop instead of name or svg in @hig/icon-button to render Icon/svg
• icon/icon-button: No longer export names from @hig/icon-button

Usage:

import { Assets24 } from "@hig/icons"

function MyComponent() {
  return (
    <IconButton
      icon={<Assets24 />}
      onClick={() => console.log('Clicked it.')}
    />
  );
}