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

package/cjs/app-bar/AppBarListItem.d.ts

@@ -0,0 +1,15 @@
+declare const AppBarListItem: import("@emotion/styled").StyledComponent<{
+    multiline?: boolean;
+    selected?: boolean;
+    condensed?: boolean;
+    tabIndex?: number;
+    clickable?: boolean;
+    divider?: boolean;
+    onClick?: () => void;
+    flexBoxProps?: import("../flexbox").FlexBoxProps;
+    className?: string;
+    children?: React.ReactNode;
+} & import("..").PolymorphicComponentProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export default AppBarListItem;

package/cjs/app-bar/AppBarListItem.js

@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("@emotion/react");
 var _ListItem = _interopRequireDefault(require("../lists/ListItem"));
 var _theme = require("@dfds-ui/theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
   target: "eno8yen0"
 } : {
@@ -17,5 +17,4 @@ const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, proces
 })("&:active{color:", _theme.theme.colors.secondary.main, ";}", p => p.selected && /*#__PURE__*/(0, _react.css)("background:", _theme.theme.colors.surface.primary, ";color:", _theme.theme.colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppBarListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXBwLWJhci9BcHBCYXJMaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJy4uL2xpc3RzL0xpc3RJdGVtJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQXBwQmFyTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pYFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5zZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIGB9XG5cbiAgJHsocCkgPT5cbiAgICB0aGVtZS5zdGF0ZXMub3ZlcmxheShwLnNlbGVjdGVkLCB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIH0pfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBBcHBCYXJMaXN0SXRlbVxuIl19 */"), " ", p => _theme.theme.states.overlay(p.selected, {
   color: _theme.theme.colors.secondary.main
 }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2FwcC1iYXIvQXBwQmFyTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmNvbnN0IEFwcEJhckxpc3RJdGVtID0gc3R5bGVkKExpc3RJdGVtKWBcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuc2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgdGhlbWUuc3RhdGVzLm92ZXJsYXkocC5zZWxlY3RlZCwge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbixcbiAgICB9KX1cbmBcblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFyTGlzdEl0ZW1cbiJdfQ== */"));
-var _default = AppBarListItem;
-exports.default = _default;
+var _default = exports.default = AppBarListItem;

package/cjs/app-bar/index.d.ts

@@ -0,0 +1,7 @@
+import { useAppBarContext, AppBarProvider } from './AppBarContext';
+import { AppBarItem, MenuPopOverContext } from './AppBarItem';
+export { default as AppBarDrawer } from './AppBarDrawer';
+export { default as AppBar } from './AppBar';
+export { default as AppBarIconButton } from './AppBarIconButton';
+export { default as AppBarListItem } from './AppBarListItem';
+export { useAppBarContext, AppBarProvider, AppBarItem, MenuPopOverContext };

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;
   }
 });
@@ -57,4 +57,4 @@ var _AppBarDrawer = _interopRequireDefault(require("./AppBarDrawer"));
 var _AppBar = _interopRequireDefault(require("./AppBar"));
 var _AppBarIconButton = _interopRequireDefault(require("./AppBarIconButton"));
 var _AppBarListItem = _interopRequireDefault(require("./AppBarListItem"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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;