@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/app-bar/index.js

@@ -5,49 +5,49 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AppBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBar.default;
   }
 });
 Object.defineProperty(exports, "AppBarDrawer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarDrawer.default;
   }
 });
 Object.defineProperty(exports, "AppBarIconButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarIconButton.default;
   }
 });
 Object.defineProperty(exports, "AppBarItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarItem.AppBarItem;
   }
 });
 Object.defineProperty(exports, "AppBarListItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarListItem.default;
   }
 });
 Object.defineProperty(exports, "AppBarProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarContext.AppBarProvider;
   }
 });
 Object.defineProperty(exports, "MenuPopOverContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarItem.MenuPopOverContext;
   }
 });
 Object.defineProperty(exports, "useAppBarContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AppBarContext.useAppBarContext;
   }
 });

package/cjs/assertions/banner/Banner.d.ts

@@ -0,0 +1,74 @@
+import React, { ElementType, FunctionComponent, ReactNode } from 'react';
+import { Intent } from '../../common/intent';
+export type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
+export type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
+export type BannerProps = {
+    /**
+     * Specifies the intent of the Banner (change the color of the banner icon to match intended status)
+     */
+    intent?: Intent;
+    /**
+     * Actions to be displayed inside the banner
+     */
+    actions?: ReactNode;
+    /**
+     * Class name to be added to the banner
+     */
+    className?: string;
+    /**
+     * Add a close icon in the top-right corner which will invoke the provided callback
+     */
+    onRequestClose?: () => void;
+    /**
+     * Specifies the ariaLabel to be added to the close(x) button
+     */
+    closeLabel?: string;
+    /**
+     * Specifies the variation of the banner.
+     *
+     * `default` and `inverted` variants are deprecated
+     */
+    variant?: BannerVariant;
+    /**
+     * Specifies if the Banner should be displayed with `position: fixed;`
+     *
+     * When the value is `undefined` the Banner default to being sticky if `variant` is set to `inverted`
+     */
+    sticky?: boolean;
+    /**
+     * Specifies the position of the Sticky Banner.
+     */
+    stickyPosition?: BannerStickyPosition;
+    /**
+     * Specifies if the Banner should have a border/divider at the bottom.
+     */
+    divider?: boolean;
+    /**
+     * Specify a custom icon to replace the one derived from `intent`
+     *
+     * @type {ElementType<{ className?: string }>}
+     */
+    icon?: ElementType<{
+        className?: string;
+    }>;
+    /**
+     * Specifies if the actions should always appear below the content
+     */
+    wrapActions?: boolean;
+    /**
+     * Content of the Banner
+     */
+    children?: ReactNode;
+    /**
+     * Specifies if the banner should be narrow
+     */
+    isNarrow?: boolean;
+};
+interface BannerContextInterface {
+    intent: NonNullable<BannerProps['intent']>;
+    variant: NonNullable<BannerProps['variant']>;
+}
+export declare const BannerContext: React.Context<BannerContextInterface | undefined>;
+export declare const useBannerContext: () => BannerContextInterface;
+export declare const Banner: FunctionComponent<BannerProps>;
+export default Banner;

package/cjs/assertions/banner/Banner.js

@@ -13,18 +13,8 @@ var _button = require("../../button");
 var _divider = require("../../divider");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
-const _excluded = ["isNarrow", "intent", "actions", "onRequestClose", "closeLabel", "children", "variant", "sticky", "stickyPosition", "divider", "wrapActions", "icon"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 function normalizeIntent(intent) {
@@ -112,8 +102,9 @@ const IntentIcon = ({
     className: "IconComponent"
   });
 };
-const BannerCloseButton = _ref3 => {
-  let props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+const BannerCloseButton = ({
+  ...props
+}) => {
   return (0, _react2.jsx)("div", {
     className: "BannerCloseButtonWrapper"
   }, (0, _react2.jsx)(_button.IconButton, _extends({
@@ -147,38 +138,28 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtZb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlQ29udGV4dCwgRWxlbWVudFR5cGUsIEZ1bmN0aW9uQ29tcG9uZW50LCBSZWFjdE5vZGUsIHVzZUNvbnRleHQsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IgfSBmcm9tICcuLi8uLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IHsgSW5mb3JtYXRpb24sIFN0YXR1c0FsZXJ0LCBTdGF0dXNTdWNjZXNzLCBTdGF0dXNXYXJuaW5nLCBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEljb25CdXR0b24sIEljb25CdXR0b25Qcm9wcyB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICcuLi8uLi9kaXZpZGVyJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG5leHBvcnQgdHlwZSBCYW5uZXJWYXJpYW50ID0gJ2xvd0VtcGhhc2lzJyB8ICdtZWRpdW1FbXBoYXNpcycgfCAnaGlnaEVtcGhhc2lzJyB8ICdkZWZhdWx0JyB8ICdpbnZlcnRlZCdcblxuZXhwb3J0IHR5cGUgQmFubmVyU3RpY2t5UG9zaXRpb24gPSAndG9wJyB8ICdib3R0b20nIHwgJ2JvdHRvbS1yaWdodCdcblxuZXhwb3J0IHR5cGUgQmFubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFubmVyIChjaGFuZ2UgdGhlIGNvbG9yIG9mIHRoZSBiYW5uZXIgaWNvbiB0byBtYXRjaCBpbnRlbmRlZCBzdGF0dXMpXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogQWN0aW9ucyB0byBiZSBkaXNwbGF5ZWQgaW5zaWRlIHRoZSBiYW5uZXJcbiAgICovXG4gIGFjdGlvbnM/OiBSZWFjdE5vZGVcblxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFubmVyXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogQWRkIGEgY2xvc2UgaWNvbiBpbiB0aGUgdG9wLXJpZ2h0IGNvcm5lciB3aGljaCB3aWxsIGludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2tcbiAgICovXG4gIG9uUmVxdWVzdENsb3NlPzogKCkgPT4gdm9pZFxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGFyaWFMYWJlbCB0byBiZSBhZGRlZCB0byB0aGUgY2xvc2UoeCkgYnV0dG9uXG4gICAqL1xuICBjbG9zZUxhYmVsPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgdmFyaWF0aW9uIG9mIHRoZSBiYW5uZXIuXG4gICAqXG4gICAqIGBkZWZhdWx0YCBhbmQgYGludmVydGVkYCB2YXJpYW50cyBhcmUgZGVwcmVjYXRlZFxuICAgKi9cbiAgdmFyaWFudD86IEJhbm5lclZhcmlhbnRcblxuICAvKipcbiAgICogU3BlY2lmaWVzIGlmIHRoZSBCYW5uZXIgc2hvdWxkIGJlIGRpc3BsYXllZCB3aXRoIGBwb3NpdGlvbjogZml4ZWQ7YFxuICAgKlxuICAgKiBXaGVuIHRoZSB2YWx1ZSBpcyBgdW5kZWZpbmVkYCB0aGUgQmFubmVyIGRlZmF1bHQgdG8gYmVpbmcgc3RpY2t5IGlmIGB2YXJpYW50YCBpcyBzZXQgdG8gYGludmVydGVkYFxuICAgKi9cbiAgc3RpY2t5PzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHBvc2l0aW9uIG9mIHRoZSBTdGlja3kgQmFubmVyLlxuICAgKi9cbiAgc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvblxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaWYgdGhlIEJhbm5lciBzaG91bGQgaGF2ZSBhIGJvcmRlci9kaXZpZGVyIGF0IHRoZSBib3R0b20uXG4gICAqL1xuICBkaXZpZGVyPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBTcGVjaWZ5IGEgY3VzdG9tIGljb24gdG8gcmVwbGFjZSB0aGUgb25lIGRlcml2ZWQgZnJvbSBgaW50ZW50YFxuICAgKlxuICAgKiBAdHlwZSB7RWxlbWVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT59XG4gICAqL1xuICBpY29uPzogRWxlbWVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT5cblxuICAvKipcbiAgICogU3BlY2lmaWVzIGlmIHRoZSBhY3Rpb25zIHNob3VsZCBhbHdheXMgYXBwZWFyIGJlbG93IHRoZSBjb250ZW50XG4gICAqL1xuICB3cmFwQWN0aW9ucz86IGJvb2xlYW5cblxuICAvKipcbiAgICogQ29udGVudCBvZiB0aGUgQmFubmVyXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgaWYgdGhlIGJhbm5lciBzaG91bGQgYmUgbmFycm93XG4gICAqL1xuICBpc05hcnJvdz86IGJvb2xlYW5cbn1cblxuZnVuY3Rpb24gbm9ybWFsaXplSW50ZW50KGludGVudDogSW50ZW50KSB7XG4gIC8vIGZvciBpbnRlbnQgbm9uZSB3ZSB3aWxsIHVzZSBpbmZvIGluc3RlYWRcbiAgcmV0dXJuIGludGVudCA9PT0gJ25vbmUnID8gJ2luZm8nIDogaW50ZW50XG59XG5cbmZ1bmN0aW9uIG5vcm1hbGl6ZVZhcmlhbnQodmFyaWFudDogQmFubmVyVmFyaWFudCkge1xuICAvLyBmb3IgdmFyaWFudCBkZWZhdWx0IHdlIHdpbGwgdXNlIGxvd0VtcGhhc2lzLiBGb3IgdmFyaWFudCBpbnZlcnRlZCB3ZSB3aWxsIHVzZSBoaWdoRW1waGFzaXNcbiAgcmV0dXJuIHZhcmlhbnQgPT09ICdkZWZhdWx0JyA/ICdsb3dFbXBoYXNpcycgOiB2YXJpYW50ID09PSAnaW52ZXJ0ZWQnID8gJ2hpZ2hFbXBoYXNpcycgOiB2YXJpYW50XG59XG5cbnR5cGUgQmFubmVyQ29sb3JzID0ge1xuICBiYWNrZ3JvdW5kOiBzdHJpbmdcbiAgZm9yZWdyb3VuZDogc3RyaW5nXG4gIGljb246IHN0cmluZ1xuICBjbG9zZTogc3RyaW5nXG4gIGNsb3NlSG92ZXI6IHN0cmluZ1xufVxuXG5mdW5jdGlvbiBnZXRDb2xvcnModmFyaWFudDogQmFubmVyVmFyaWFudCwgaW50ZW50OiBJbnRlbnQpOiBCYW5uZXJDb2xvcnMge1xuICB2YXJpYW50ID0gbm9ybWFsaXplVmFyaWFudCh2YXJpYW50KVxuICBpbnRlbnQgPSBub3JtYWxpemVJbnRlbnQoaW50ZW50KVxuICBzd2l0Y2ggKHZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5LFxuICAgICAgICBmb3JlZ3JvdW5kOiBpbnRlbnQgPT09ICdjcml0aWNhbCcgPyBnZXRJbnRlbnRDb2xvcignY3JpdGljYWwnKSA6IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgICAgICAgaWNvbjogZ2V0SW50ZW50Q29sb3IoaW50ZW50KSxcbiAgICAgICAgY2xvc2U6ICcnLFxuICAgICAgICBjbG9zZUhvdmVyOiAnJyxcbiAgICAgIH1cbiAgICBjYXNlICdtZWRpdW1FbXBoYXNpcyc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBiYWNrZ3JvdW5kOiBnZXRJbnRlbnRDb2xvcihpbnRlbnQsIHRydWUpLFxuICAgICAgICBmb3JlZ3JvdW5kOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnksXG4gICAgICAgIGljb246IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSxcbiAgICAgICAgY2xvc2U6ICcnLFxuICAgICAgICBjbG9zZUhvdmVyOiAnJyxcbiAgICAgIH1cbiAgICBjYXNlICdoaWdoRW1waGFzaXMnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgYmFja2dyb3VuZDogZ2V0SW50ZW50Q29sb3IoaW50ZW50KSxcbiAgICAgICAgZm9yZWdyb3VuZDogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgICAgaWNvbjogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgICAgY2xvc2U6IHRoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnNlY29uZGFyeSxcbiAgICAgICAgY2xvc2VIb3ZlcjogdGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeSxcbiAgICAgIH1cbiAgfVxufVxuXG5mdW5jdGlvbiBzdGlja3lTdHlsZXMoc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvbikge1xuICBjb25zdCBjb21tb25TdHlsZXMgPSBjc3NgXG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHotaW5kZXg6IDQwMDtcbiAgYFxuXG4gIGlmIChzdGlja3lQb3NpdGlvbiA9PT0gJ3RvcCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgJHtjb21tb25TdHlsZXN9O1xuICAgICAgdG9wOiAwO1xuICAgIGBcbiAgfVxuICBpZiAoc3RpY2t5UG9zaXRpb24gPT09ICdib3R0b20tcmlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICR7Y29tbW9uU3R5bGVzfTtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIGBcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgICR7Y29tbW9uU3R5bGVzfTtcbiAgICBib3R0b206IDA7XG4gIGBcbn1cblxuZnVuY3Rpb24gYmFubmVyU3R5bGVzKHtcbiAgaXNOYXJyb3csXG4gIHZhcmlhbnQsXG4gIGludGVudCxcbiAgc3RpY2t5LFxuICBzdGlja3lQb3NpdGlvbixcbiAgd3JhcEFjdGlvbnMsXG4gIGNvbnRlbnRXcmFwcGVkLFxuICBhY3Rpb25zV3JhcHBlZCxcbiAgaGFzRGlzbWlzc0J1dHRvbixcbn06IHtcbiAgaXNOYXJyb3c6IGJvb2xlYW5cbiAgdmFyaWFudDogQmFubmVyVmFyaWFudFxuICBpbnRlbnQ6IEludGVudFxuICBzdGlja3k6IGJvb2xlYW5cbiAgc3RpY2t5UG9zaXRpb24/OiBCYW5uZXJTdGlja3lQb3NpdGlvblxuICB3cmFwQWN0aW9uczogYm9vbGVhblxuICBjb250ZW50V3JhcHBlZDogYm9vbGVhblxuICBhY3Rpb25zV3JhcHBlZDogYm9vbGVhblxuICBoYXNEaXNtaXNzQnV0dG9uOiBib29sZWFuXG59KSB7XG4gIGNvbnN0IGNvbG9ycyA9IGdldENvbG9ycyh2YXJpYW50LCBpbnRlbnQpXG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmR9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAke3N0aWNreSAmJiBzdGlja3lTdHlsZXMoc3RpY2t5UG9zaXRpb24pfTtcbiAgICBtaW4taGVpZ2h0OiA2NHB4O1xuICAgIHBhZGRpbmc6ICR7aXNOYXJyb3cgPyAnMTZweCcgOiAnMTBweCAxNnB4IDAgMTZweCd9O1xuICAgIG1heC13aWR0aDogJHtpc05hcnJvdyA/ICczNzVweCcgOiAnMTAwJSd9O1xuXG4gICAgLkJhbm5lcklubmVyIHtcbiAgICAgICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICB9XG5cbiAgICAuSWNvbkNvbXBvbmVudCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuaWNvbn07XG4gICAgICBoZWlnaHQ6ICR7aXNOYXJyb3cgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLmx9O1xuICAgICAgbWluLXdpZHRoOiAke2lzTmFycm93ID8gdGhlbWUuc3BhY2luZy5tIDogdGhlbWUuc3BhY2luZy5sfTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtpc05hcnJvdyA/IHRoZW1lLnNwYWNpbmcueHMgOiB0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgICAgZmxleDogMDtcbiAgICAgIGFsaWduLXNlbGY6ICR7Y29udGVudFdyYXBwZWQgPyAnZmxleC1zdGFydCcgOiAnY2VudGVyJ307XG4gICAgfVxuXG4gICAgLkJhbm5lckNsb3NlQnV0dG9uV3JhcHBlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6ICR7Y29udGVudFdyYXBwZWQgPyAoaXNOYXJyb3cgPyAnNnB4JyA6ICcwJykgOiAnMTBweCd9O1xuICAgICAgcmlnaHQ6ICR7Y29udGVudFdyYXBwZWQgPyAoaXNOYXJyb3cgPyAnNnB4JyA6ICcwJykgOiAnMnB4J307XG4gICAgfVxuXG4gICAgLkJhbm5lckNsb3NlQnV0dG9uIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5jbG9zZX07XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7Y29sb3JzLmNsb3NlfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAuQmFubmVyQ29udGVudCB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuZm9yZWdyb3VuZH07XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIG1hcmdpbjogMCAwIDEwcHggMDtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtoYXNEaXNtaXNzQnV0dG9uICYmIGFjdGlvbnNXcmFwcGVkICYmICcycmVtJ307XG4gICAgfVxuXG4gICAgLkJhbm5lckFjdGlvbnMge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBtYXJnaW46ICR7IWlzTmFycm93ICYmICcwIDAgMTBweCAwJ307XG4gICAgICBmbGV4LWJhc2lzOiAke3dyYXBBY3Rpb25zICYmICcxMDAlJ307XG4gICAgICBtYXJnaW4tdG9wOiAke2FjdGlvbnNXcmFwcGVkICYmICcwLjI1cmVtJ307XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7aGFzRGlzbWlzc0J1dHRvbiAmJiAhYWN0aW9uc1dyYXBwZWQgJiYgJzJyZW0nfTtcbiAgICB9XG4gIGBcbn1cblxuY29uc3QgSW50ZW50SWNvbiA9ICh7IGludGVudCwgaWNvbiB9OiB7IGludGVudDogSW50ZW50OyBpY29uPzogQmFubmVyUHJvcHNbJ2ljb24nXSB9KSA9PiB7XG4gIGxldCBJY29uQ29tcG9uZW50OiBCYW5uZXJQcm9wc1snaWNvbiddXG4gIGlmIChpY29uKSB7XG4gICAgSWNvbkNvbXBvbmVudCA9IGljb25cbiAgfSBlbHNlIHtcbiAgICBpZiAoaW50ZW50ID09PSAnc3VjY2VzcycpIEljb25Db21wb25lbnQgPSBTdGF0dXNTdWNjZXNzXG4gICAgZWxzZSBpZiAoaW50ZW50ID09PSAnY3JpdGljYWwnKSBJY29uQ29tcG9uZW50ID0gU3RhdHVzQWxlcnRcbiAgICBlbHNlIGlmIChpbnRlbnQgPT09ICd3YXJuaW5nJykgSWNvbkNvbXBvbmVudCA9IFN0YXR1c1dhcm5pbmdcbiAgICBlbHNlIGlmIChpbnRlbnQgPT09ICdpbmZvJykgSWNvbkNvbXBvbmVudCA9IEluZm9ybWF0aW9uXG4gICAgZWxzZSBJY29uQ29tcG9uZW50ID0gSW5mb3JtYXRpb25cbiAgfVxuICByZXR1cm4gPEljb25Db21wb25lbnQgY2xhc3NOYW1lPVwiSWNvbkNvbXBvbmVudFwiIC8+XG59XG5cbmNvbnN0IEJhbm5lckNsb3NlQnV0dG9uID0gKHsgLi4ucHJvcHMgfTogUGFydGlhbDxJY29uQnV0dG9uUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJCYW5uZXJDbG9zZUJ1dHRvbldyYXBwZXJcIj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckNsb3NlQnV0dG9uXCJcbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgICAgaG92ZXJDb2xvcj17dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fVxuICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNsb3NlXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsuc2Vjb25kYXJ5fTtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiAyLjc1cmVtOyAvKiBUT0RPOiBOZWVkIGZvciBJT1M6IENvbnNpZGVyIGZvcm1hbGl6aW5nIHRoaXMgaW4gSWNvbkJ1dHRvbiAqL1xuICAgICAgICAgIG1heC13aWR0aDogMi43NXJlbTtcbiAgICAgICAgYH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJiYW5uZXItY2xvc2VcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG5pbnRlcmZhY2UgQmFubmVyQ29udGV4dEludGVyZmFjZSB7XG4gIGludGVudDogTm9uTnVsbGFibGU8QmFubmVyUHJvcHNbJ2ludGVudCddPlxuICB2YXJpYW50OiBOb25OdWxsYWJsZTxCYW5uZXJQcm9wc1sndmFyaWFudCddPlxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8QmFubmVyQ29udGV4dEludGVyZmFjZSB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKVxuXG5leHBvcnQgY29uc3QgdXNlQmFubmVyQ29udGV4dCA9ICgpOiBCYW5uZXJDb250ZXh0SW50ZXJmYWNlID0+IHtcbiAgY29uc3QgY3R4ID0gdXNlQ29udGV4dChCYW5uZXJDb250ZXh0KVxuICBpZiAoY3R4ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZUJhbm5lckNvbnRleHQgbXVzdCBiZSB1c2VkIHdpdGhpbiBCYW5uZXJBY3Rpb24gY29tcG9uZW50LicpXG4gIH1cblxuICByZXR1cm4gY3R4XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXI6IEZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lclByb3BzPiA9ICh7XG4gIGlzTmFycm93ID0gZmFsc2UsXG4gIGludGVudCA9ICdpbmZvJyxcbiAgYWN0aW9ucyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIGNsb3NlTGFiZWwgPSAnQ2xvc2UnLFxuICBjaGlsZHJlbixcbiAgdmFyaWFudDogdmFyaWFudFByb3AsXG4gIHN0aWNreTogc3RpY2t5UHJvcCxcbiAgc3RpY2t5UG9zaXRpb246IHN0aWNreVBvc2l0aW9uUHJvcCxcbiAgZGl2aWRlciA9IGZhbHNlLFxuICB3cmFwQWN0aW9ucyA9IGZhbHNlLFxuICBpY29uLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IHZhcmlhbnQgPSAhdmFyaWFudFByb3AgPyAnZGVmYXVsdCcgOiB2YXJpYW50UHJvcFxuICBjb25zdCBzdGlja3kgPSBzdGlja3lQcm9wID09PSB1bmRlZmluZWQgPyB2YXJpYW50ID09PSAnaW52ZXJ0ZWQnIDogISFzdGlja3lQcm9wXG4gIGNvbnN0IHN0aWNreVBvc2l0aW9uID0gIXN0aWNreVBvc2l0aW9uUHJvcCAmJiBzdGlja3kgPyAndG9wJyA6IHN0aWNreVBvc2l0aW9uUHJvcFxuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGJhbm5lciBpcyBoYXMgYSBoZWlnaHQgYWJvdmUgV1JBUFBFRF9IRUlHSFRfVEhSRVNIT0xEXG4gIGNvbnN0IFtjb250ZW50V3JhcHBlZCwgc2V0Q29udGVudFdyYXBwZWRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIC8vIEluZGljYXRlcyBpZiB0aGUgQmFubmVyQWN0aW9ucyB3YXMgd3JhcHBlZCBiZWxvdyB0aGUgQmFubmVyQ29udGVudFxuICBjb25zdCBbYWN0aW9uc1dyYXBwZWQsIHNldEFjdGlvbnNXcmFwcGVkXSA9IHVzZVN0YXRlKHRydWUpXG5cbiAgLy8gd2UgY2Fubm90IGRldGVjdCBpZiBmbGV4IGl0ZW1zIGhhcyB3cmFwcGVkIChlZy4gYWN0aW9ucyB3cmFwcGVkIGJlbG93IHRoZSBjb250ZW50KSBzbyB3ZSBkZXRlY3QgdGhhdCB1c2luZyBhXG4gIC8vIHJlc2l6ZS1vYnNlcnZlciBob29rIHNvIHdlIGNhbiBhbGlnbiB0aGUgYWN0aW9ucyBjb3JyZWN0bHkgd2hlbiBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNsb3NlIGJ1dHRvbi5cbiAgY29uc3QgV1JBUFBFRF9IRUlHSFRfVEhSRVNIT0xEID0gNjRcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICB1c2VSZXNpemVPYnNlcnZlcih7XG4gICAgcmVmOiByZWYsXG4gICAgb25SZXNpemU6ICh7IGhlaWdodCB9KSA9PiB7XG4gICAgICBjb25zdCB3cmFwRGV0ZWN0ZWQgPSBoZWlnaHQgIT09IHVuZGVmaW5lZCAmJiBoZWlnaHQgPiBXUkFQUEVEX0hFSUdIVF9USFJFU0hPTERcbiAgICAgIGNvbnN0IGFjdGlvbnMgPSByZWYuY3VycmVudD8uZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnQmFubmVyQWN0aW9ucycpWzBdXG4gICAgICBjb25zdCBjb250ZW50ID0gcmVmLmN1cnJlbnQ/LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ0Jhbm5lckNvbnRlbnQnKVswXVxuXG4gICAgICBpZiAod3JhcERldGVjdGVkICE9PSBjb250ZW50V3JhcHBlZCkge1xuICAgICAgICBzZXRDb250ZW50V3JhcHBlZCh3cmFwRGV0ZWN0ZWQpXG4gICAgICB9XG5cbiAgICAgIGlmIChhY3Rpb25zICYmIGNvbnRlbnQpIHtcbiAgICAgICAgY29uc3QgYWN0aW9uc1dyYXBEZXRlY3RlZCA9XG4gICAgICAgICAgKGFjdGlvbnMgYXMgSFRNTEVsZW1lbnQpLm9mZnNldFRvcCA+XG4gICAgICAgICAgKGNvbnRlbnQgYXMgSFRNTEVsZW1lbnQpLm9mZnNldFRvcCArIChjb250ZW50IGFzIEhUTUxFbGVtZW50KS5vZmZzZXRIZWlnaHRcbiAgICAgICAgaWYgKGFjdGlvbnNXcmFwRGV0ZWN0ZWQgIT09IGFjdGlvbnNXcmFwcGVkKSB7XG4gICAgICAgICAgc2V0QWN0aW9uc1dyYXBwZWQoYWN0aW9uc1dyYXBEZXRlY3RlZClcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0sXG4gIH0pXG5cbiAgaWYgKF9fREVWX18pIHtcbiAgICBpZiAodmFyaWFudCA9PT0gJ2RlZmF1bHQnIHx8IHZhcmlhbnQgPT09ICdpbnZlcnRlZCcpIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBjb25zb2xlLndhcm4oJ1RoZSBkZWZhdWx0IGFuZCBpbnZlcnRlZCB2YXJpYW50cyBhcmUgZGVwcmVjYXRlZCcpXG4gICAgfVxuICB9XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiBvblJlcXVlc3RDbG9zZSAmJiBvblJlcXVlc3RDbG9zZSgpXG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpbnRlbnQsIHZhcmlhbnQgfX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17YmFubmVyU3R5bGVzKHtcbiAgICAgICAgICBpc05hcnJvdyxcbiAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgIGludGVudCxcbiAgICAgICAgICBzdGlja3ksXG4gICAgICAgICAgc3RpY2t5UG9zaXRpb24sXG4gICAgICAgICAgd3JhcEFjdGlvbnMsXG4gICAgICAgICAgY29udGVudFdyYXBwZWQsXG4gICAgICAgICAgYWN0aW9uc1dyYXBwZWQsXG4gICAgICAgICAgaGFzRGlzbWlzc0J1dHRvbjogISFvblJlcXVlc3RDbG9zZSxcbiAgICAgICAgfSl9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJCYW5uZXJJbm5lclwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiQmFubmVyQ29udGVudFwiPlxuICAgICAgICAgICAgPEludGVudEljb24gaW50ZW50PXtpbnRlbnR9IGljb249e2ljb259IC8+XG4gICAgICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB7YWN0aW9ucyAmJiA8ZGl2IGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvbnNcIj57YWN0aW9uc308L2Rpdj59XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7b25SZXF1ZXN0Q2xvc2UgJiYgPEJhbm5lckNsb3NlQnV0dG9uIGFyaWFMYWJlbD17Y2xvc2VMYWJlbH0gb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICB7ZGl2aWRlciAmJiAoXG4gICAgICAgICAgPERpdmlkZXJcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICA8L0Jhbm5lckNvbnRleHQuUHJvdmlkZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFubmVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const Banner = _ref4 => {
-  let _ref4$isNarrow = _ref4.isNarrow,
-    isNarrow = _ref4$isNarrow === void 0 ? false : _ref4$isNarrow,
-    _ref4$intent = _ref4.intent,
-    intent = _ref4$intent === void 0 ? 'info' : _ref4$intent,
-    actions = _ref4.actions,
-    onRequestClose = _ref4.onRequestClose,
-    _ref4$closeLabel = _ref4.closeLabel,
-    closeLabel = _ref4$closeLabel === void 0 ? 'Close' : _ref4$closeLabel,
-    children = _ref4.children,
-    variantProp = _ref4.variant,
-    stickyProp = _ref4.sticky,
-    stickyPositionProp = _ref4.stickyPosition,
-    _ref4$divider = _ref4.divider,
-    divider = _ref4$divider === void 0 ? false : _ref4$divider,
-    _ref4$wrapActions = _ref4.wrapActions,
-    wrapActions = _ref4$wrapActions === void 0 ? false : _ref4$wrapActions,
-    icon = _ref4.icon,
-    rest = _objectWithoutProperties(_ref4, _excluded);
+const Banner = ({
+  isNarrow = false,
+  intent = 'info',
+  actions,
+  onRequestClose,
+  closeLabel = 'Close',
+  children,
+  variant: variantProp,
+  sticky: stickyProp,
+  stickyPosition: stickyPositionProp,
+  divider = false,
+  wrapActions = false,
+  icon,
+  ...rest
+}) => {
   const variant = !variantProp ? 'default' : variantProp;
   const sticky = stickyProp === undefined ? variant === 'inverted' : !!stickyProp;
   const stickyPosition = !stickyPositionProp && sticky ? 'top' : stickyPositionProp;
   // Indicates if the banner is has a height above WRAPPED_HEIGHT_THRESHOLD
-  const _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    contentWrapped = _useState2[0],
-    setContentWrapped = _useState2[1];
+  const [contentWrapped, setContentWrapped] = (0, _react.useState)(false);
   // Indicates if the BannerActions was wrapped below the BannerContent
-  const _useState3 = (0, _react.useState)(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    actionsWrapped = _useState4[0],
-    setActionsWrapped = _useState4[1];
+  const [actionsWrapped, setActionsWrapped] = (0, _react.useState)(true);
 
   // we cannot detect if flex items has wrapped (eg. actions wrapped below the content) so we detect that using a
   // resize-observer hook so we can align the actions correctly when displayed below the close button.
@@ -189,10 +170,9 @@ const Banner = _ref4 => {
     onResize: ({
       height
     }) => {
-      var _ref$current, _ref$current2;
       const wrapDetected = height !== undefined && height > WRAPPED_HEIGHT_THRESHOLD;
-      const actions = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getElementsByClassName('BannerActions')[0];
-      const content = (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getElementsByClassName('BannerContent')[0];
+      const actions = ref.current?.getElementsByClassName('BannerActions')[0];
+      const content = ref.current?.getElementsByClassName('BannerContent')[0];
       if (wrapDetected !== contentWrapped) {
         setContentWrapped(wrapDetected);
       }

package/cjs/assertions/banner/BannerAction.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+export type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
+export interface BannerActionProps {
+    variation?: BannerActionVariation;
+    onClick?: () => void;
+    /**
+     * className to be assigned to the button
+     */
+    className?: string;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+    /**
+     * Updates component with children prop accordingly to the @types update
+     */
+    children?: ReactNode;
+}
+export declare const BannerAction: React.FunctionComponent<BannerActionProps>;

package/cjs/assertions/banner/BannerAction.js

@@ -10,11 +10,8 @@ var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _button = require("../../button");
 var _Banner = require("./Banner");
-const _excluded = ["variation"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getVariationStyle = bannerVariant => {
   switch (bannerVariant) {
     case 'lowEmphasis':
@@ -27,12 +24,13 @@ const getVariationStyle = bannerVariant => {
       return /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.light.primary, ";border-color:", _theme.theme.colors.text.light.primary, ";&:hover{color:", _theme.theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcbmltcG9ydCB7IEJhbm5lclZhcmlhbnQsIHVzZUJhbm5lckNvbnRleHQgfSBmcm9tICcuL0Jhbm5lcidcblxuZXhwb3J0IHR5cGUgQmFubmVyQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncHJpbWFyeS10aGljaycgfCAnc2Vjb25kYXJ5LXRoaWNrJ1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhbm5lckFjdGlvblByb3BzIHtcbiAgdmFyaWF0aW9uPzogQmFubmVyQWN0aW9uVmFyaWF0aW9uXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBVcGRhdGVzIGNvbXBvbmVudCB3aXRoIGNoaWxkcmVuIHByb3AgYWNjb3JkaW5nbHkgdG8gdGhlIEB0eXBlcyB1cGRhdGVcbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGJhbm5lclZhcmlhbnQ6IEJhbm5lclZhcmlhbnQpID0+IHtcbiAgc3dpdGNoIChiYW5uZXJWYXJpYW50KSB7XG4gICAgY2FzZSAnbG93RW1waGFzaXMnOlxuICAgIGNhc2UgJ2RlZmF1bHQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICBjYXNlICdtZWRpdW1FbXBoYXNpcyc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ2hpZ2hFbXBoYXNpcyc6XG4gICAgY2FzZSAnaW52ZXJ0ZWQnOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQubGlnaHQucHJpbWFyeX07XG4gICAgICAgIH1cbiAgICAgIGBcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxCYW5uZXJBY3Rpb25Qcm9wcz4gPSAoeyB2YXJpYXRpb24gPSAncHJpbWFyeScsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IHZhcmlhbnQ6IGJhbm5lclZhcmlhbnQgfSA9IHVzZUJhbm5lckNvbnRleHQoKVxuXG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPXt2YXJpYXRpb24gPT09ICdwcmltYXJ5LXRoaWNrJyA/ICdvdXRsaW5lZCcgOiAndGV4dCd9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyh2YXJpYXRpb24gPT09ICdwcmltYXJ5JyB8fCB2YXJpYXRpb24gPT09ICdzZWNvbmRhcnknKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgJHt0eXBvZ3JhcGh5LmFjdGlvbn07XG4gICAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogJHt2YXJpYXRpb24gPT09ICdwcmltYXJ5JyA/ICcxcHgnIDogJzAnfTtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBgfVxuICAgICAgICBmbGV4OiBhdXRvO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICBmbGV4LWdyb3c6IDA7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGJhbm5lclZhcmlhbnQpfVxuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT1cIkJhbm5lckFjdGlvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG4iXX0= */");
   }
 };
-const BannerAction = _ref => {
-  let _ref$variation = _ref.variation,
-    variation = _ref$variation === void 0 ? 'primary' : _ref$variation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const _useBannerContext = (0, _Banner.useBannerContext)(),
-    bannerVariant = _useBannerContext.variant;
+const BannerAction = ({
+  variation = 'primary',
+  ...rest
+}) => {
+  const {
+    variant: bannerVariant
+  } = (0, _Banner.useBannerContext)();
   return (0, _react2.jsx)(_button.Button, _extends({
     variation: variation === 'primary-thick' ? 'outlined' : 'text',
     type: "button",

package/cjs/assertions/banner/BannerTypography.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const BannerHeadline: React.FunctionComponent<{
+    className?: string;
+}>;
+export declare const BannerParagraph: React.FunctionComponent<{
+    className?: string;
+}>;

package/cjs/assertions/banner/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BannerAction';
+export * from './BannerTypography';
+export * from './Banner';

package/cjs/assertions/banner/index.js

@@ -9,7 +9,7 @@ Object.keys(_BannerAction).forEach(function (key) {
   if (key in exports && exports[key] === _BannerAction[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _BannerAction[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_BannerTypography).forEach(function (key) {
   if (key in exports && exports[key] === _BannerTypography[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _BannerTypography[key];
     }
   });
@@ -31,7 +31,7 @@ Object.keys(_Banner).forEach(function (key) {
   if (key in exports && exports[key] === _Banner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Banner[key];
     }
   });

package/cjs/assertions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './banner';
+export * from './toast';

package/cjs/assertions/index.js

@@ -9,7 +9,7 @@ Object.keys(_banner).forEach(function (key) {
   if (key in exports && exports[key] === _banner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _banner[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_toast).forEach(function (key) {
   if (key in exports && exports[key] === _toast[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _toast[key];
     }
   });

package/cjs/assertions/toast/Toast.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Intent } from '../../common/intent';
+export type ToastProps = {
+    intent?: Intent;
+    className?: string;
+    loading?: boolean;
+    onRequestClose?: () => void;
+    actionLabel?: string;
+    onRequestAction?: () => void;
+};
+declare const Toast: React.FunctionComponent<ToastProps>;
+export default Toast;

package/cjs/assertions/toast/Toast.js

@@ -13,11 +13,8 @@ var _intent = require("../../common/intent");
 var _button = require("../../button");
 var _system = require("@dfds-ui/icons/system");
 var _Spinner = require("../../spinner/Spinner");
-const _excluded = ["intent", "actionLabel", "onRequestClose", "onRequestAction", "children", "loading"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const ToastWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e145csjx4"
@@ -58,16 +55,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrR2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgYWN0aW9uTGFiZWw/OiBzdHJpbmdcbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIGFjdGlvbkxhYmVsID0gJ0FjdGlvbicsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICB7YWN0aW9uTGFiZWx9XG4gICAgICAgIDwvQWN0aW9uQnV0dG9uPlxuICAgICAgKX1cbiAgICAgIHtvblJlcXVlc3RDbG9zZSAmJiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENsb3NlSWNvbkJ1dHRvblxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e0Nsb3NlfVxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2VcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvYXN0LWNsb3NlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvVG9hc3RXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-const Toast = _ref2 => {
-  let _ref2$intent = _ref2.intent,
-    intent = _ref2$intent === void 0 ? 'info' : _ref2$intent,
-    _ref2$actionLabel = _ref2.actionLabel,
-    actionLabel = _ref2$actionLabel === void 0 ? 'Action' : _ref2$actionLabel,
-    onRequestClose = _ref2.onRequestClose,
-    onRequestAction = _ref2.onRequestAction,
-    children = _ref2.children,
-    loading = _ref2.loading,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+const Toast = ({
+  intent = 'info',
+  actionLabel = 'Action',
+  onRequestClose,
+  onRequestAction,
+  children,
+  loading,
+  ...rest
+}) => {
   const handleClose = () => onRequestClose && onRequestClose();
   const handleAction = () => onRequestAction && onRequestAction();
   return (0, _react2.jsx)(ToastWrapper, _extends({

package/cjs/assertions/toast/Toaster.d.ts

@@ -0,0 +1,19 @@
+import React, { PropsWithChildren, FunctionComponent } from 'react';
+import { ToastProps } from './Toast';
+type TimeoutType = {
+    timeout?: number;
+};
+type ToasterState = {
+    open: boolean;
+    hasActive: boolean;
+    toastProps: ToastProps | null;
+} & TimeoutType;
+export declare const useToaster: () => {
+    addToast: (props: PropsWithChildren<ToastProps & TimeoutType>) => Promise<void>;
+    state: ToasterState;
+};
+declare const Toaster: FunctionComponent<{
+    children: React.ReactNode | React.ReactNode[];
+    globalTimeout?: number;
+}>;
+export default Toaster;

package/cjs/assertions/toast/Toaster.js

@@ -9,23 +9,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _ = require(".");
 var _material = require("@mui/material");
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e271rjj0"
@@ -78,16 +65,15 @@ const Toaster = ({
   children,
   globalTimeout
 }) => {
-  const _useReducer = (0, _react.useReducer)(toasterReducer, _objectSpread(_objectSpread({}, initialState), {}, {
-      timeout: globalTimeout || initialState.timeout
-    })),
-    _useReducer2 = _slicedToArray(_useReducer, 2),
-    _useReducer2$ = _useReducer2[0],
-    open = _useReducer2$.open,
-    hasActive = _useReducer2$.hasActive,
-    toastProps = _useReducer2$.toastProps,
-    timeout = _useReducer2$.timeout,
-    dispatch = _useReducer2[1];
+  const [{
+    open,
+    hasActive,
+    toastProps,
+    timeout
+  }, dispatch] = (0, _react.useReducer)(toasterReducer, {
+    ...initialState,
+    timeout: globalTimeout || initialState.timeout
+  });
   const timerRef = (0, _react.useRef)(null);
   const handleTimeoutCleanUp = () => {
     timerRef.current && window.clearTimeout(timerRef.current);
@@ -104,21 +90,16 @@ const Toaster = ({
       type: 'CLOSE'
     });
   };
-  const handleOnOpen = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(function* (payload) {
-      if (hasActive) {
-        handleOnClose();
-        yield sleep();
-      }
-      dispatch({
-        type: 'OPEN',
-        payload
-      });
+  const handleOnOpen = async payload => {
+    if (hasActive) {
+      handleOnClose();
+      await sleep();
+    }
+    dispatch({
+      type: 'OPEN',
+      payload
     });
-    return function handleOnOpen(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  };
   (0, _react.useEffect)(() => {
     if (open) {
       handleTimeout();
@@ -143,7 +124,7 @@ const Toaster = ({
     mountOnEnter: true,
     unmountOnExit: true,
     onExited: handleTimeoutCleanUp
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps !== null && toastProps !== void 0 && toastProps.onRequestClose ? {
+  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps?.onRequestClose ? {
     onRequestClose: () => {
       handleOnClose();
       toastProps.onRequestClose && toastProps.onRequestClose();

package/cjs/assertions/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from './Toast';
+export { default as Toaster, useToaster } from './Toaster';

package/cjs/assertions/toast/index.js

@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Toast.default;
   }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Toaster.default;
   }
 });
 Object.defineProperty(exports, "useToaster", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Toaster.useToaster;
   }
 });
 var _Toast = _interopRequireDefault(require("./Toast"));
 var _Toaster = _interopRequireWildcard(require("./Toaster"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/badge/Badge.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Intent } from '../common/intent';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+export type BadgeProps = {
+    /**
+     * Specifies the intent of the Badge
+     */
+    intent?: Intent;
+    /**
+     * Text to be shown in the badge (usually just a string)
+     */
+    children: React.ReactNode;
+    /**
+     * Class name to be added to the badge
+     */
+    className?: string;
+    /**
+     * Props controlling the flexbox
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+};
+export default function Badge({ as, children, intent, flexBoxProps, ...rest }: BadgeProps): JSX.Element;