@dfds-ui/react-components 3.0.2-alpha.44219a9f → 3.0.2-alpha.812bc5fd

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PopperProps } from '@mui/material';
+export type AppBarItemProps = {
+    id: string;
+    Icon?: React.ElementType;
+    LeadingIcon?: React.ElementType;
+    TrailingIcon?: React.ElementType;
+    title: string;
+    divider?: 'start' | 'end' | 'both';
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    onClick?: () => void;
+    placement?: 'bottom-start' | 'bottom-end';
+    isActive?: boolean;
+    AppBarPopperProps?: Omit<PopperProps, 'open'>;
+};
+export declare const MenuPopOverContext: React.Context<{
+    handlePopoverClose: () => void;
+} | undefined>;
+export declare const AppBarPopper: import("@emotion/styled").StyledComponent<PopperProps & React.RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const AppBarItem: ({ id, Icon, LeadingIcon, TrailingIcon, title, divider, children, onClick, placement, isActive, as, AppBarPopperProps, ...rest }: AppBarItemProps & React.JSX.IntrinsicElements["a"]) => React.JSX.Element;

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

@@ -14,7 +14,8 @@ var _divider = require("../../divider");
 var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
 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) {
   // for intent none we will use info instead

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/BannerTypography.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const BannerHeadline: React.FunctionComponent<{
+    children?: React.ReactNode;
+    className?: string;
+}>;
+export declare const BannerParagraph: React.FunctionComponent<{
+    children?: React.ReactNode;
+    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/index.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Intent } from '../../common/intent';
+export type ToastProps = {
+    children?: React.ReactNode;
+    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/Toaster.d.ts

@@ -0,0 +1,19 @@
+import React, { 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: 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,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _ = require(".");
 var _material = require("@mui/material");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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" ? {

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

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

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): React.JSX.Element;

package/cjs/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+export { default as Badge } from './Badge';

package/cjs/badge/index.js

@@ -24,4 +24,5 @@ Object.keys(_Badge).forEach(function (key) {
     }
   });
 });
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }

package/cjs/button/BadgeIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type BadgeIconProps = {
+    letter: string;
+    className?: string;
+};
+export declare const BadgeIcon: ({ letter, className }: BadgeIconProps) => React.JSX.Element;
+export default BadgeIcon;

package/cjs/button/BaseButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
+export type BaseButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['button']>;
+export type ButtonVariation = (typeof variations)[number];
+export type ButtonVariationProps = {
+    variation?: ButtonVariation;
+};
+export declare const BaseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    selected?: boolean;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/utils").SerializedStyles;

package/cjs/button/Button.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
+type ButtonSize = 'medium' | 'small';
+type IconAlign = 'left' | 'right';
+export type ButtonProps = BaseButtonProps & ButtonVariationProps & {
+    className?: string;
+    replace?: boolean;
+    submitting?: boolean;
+    fillWidth?: boolean;
+    size?: ButtonSize;
+    icon?: React.ReactNode;
+    iconAlign?: IconAlign;
+    iconSpacing?: string;
+    iconColor?: string;
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+declare const Button: ({ variation, children, submitting, size, icon, iconSpacing, iconAlign, iconColor, title, disabled, ...rest }: ButtonProps) => React.JSX.Element;
+export default Button;

package/cjs/button/IconButton.d.ts

@@ -0,0 +1,75 @@
+import React, { ElementType, ComponentPropsWithRef } from 'react';
+import { OverlayOptions } from '@dfds-ui/theme/states';
+import { PolymorphicComponentProps } from '../common/polymorphic';
+export type IconButtonSize = 'small' | 'medium' | 'large' | 's' | 'm' | 'l';
+export interface IconButtonProps extends PolymorphicComponentProps, ComponentPropsWithRef<'button'> {
+    /**
+     * Icon to be displayed on the button.
+     */
+    icon: ElementType;
+    /**
+     * Text of the aria-label as well as the fallback value used for tooltip.
+     */
+    ariaLabel: string;
+    /**
+     * Size of the button.
+     */
+    size?: IconButtonSize;
+    /**
+     * className to be assigned to the button.
+     */
+    className?: string;
+    /**
+     * Disable button.
+     */
+    disabled?: boolean;
+    /**
+     * Disable overlay states.
+     */
+    disableOverlay?: boolean;
+    /**
+     * Disable tooltip.
+     */
+    disableTooltip?: boolean;
+    /**
+     * Text of the tooltip, if none, aria-label will be used.
+     */
+    tooltip?: string;
+    /**
+     * Color of the button and the overlay state.
+     */
+    color?: string;
+    /**
+     * Override color to be used for the hover state.
+     */
+    hoverColor?: string;
+    /**
+     * Override color to be used for the active state.
+     */
+    activeColor?: string;
+    /**
+     * Override color to be used for the focus state.
+     */
+    focusColor?: string;
+    /**
+     * Override the overlay options to use.
+     */
+    overlayOptions?: OverlayOptions;
+}
+/**
+ * Helper function returning the default icon size when rendering an IconButton in the specified size.
+ * @param size : IconButtonSize;
+ * @returns The default icon size
+ */
+export declare const getDefaultIconButtonIconSize: (size: IconButtonSize) => "1.5rem" | "1.25rem" | "2rem";
+/**
+ * Helper function returning the default dimensions of an IconButton in the specified size.
+ * @param size : IconButtonSize;
+ * @returns The default size
+ */
+export declare const getDefaultIconButtonDimensions: (size: IconButtonSize) => {
+    height: string;
+    width: string;
+};
+declare const IconButton: ({ type, tooltip, title, size, icon: Icon, disableTooltip, disableOverlay, disabled, color, hoverColor, focusColor, activeColor, overlayOptions, as, ariaLabel, ...rest }: IconButtonProps) => React.JSX.Element;
+export default IconButton;

package/cjs/button/LinkButton.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { ButtonProps } from './Button';
+export type LinkButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['a']> & ButtonProps & {
+    href?: string;
+    target?: string;
+};
+export declare const LinkButton: (props: LinkButtonProps) => React.JSX.Element;
+export default LinkButton;

package/cjs/button/LinkButton.js

@@ -10,7 +10,8 @@ var _theme = require("@dfds-ui/theme");
 var _react2 = require("@emotion/react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
 const LinkButton = props => (0, _jsxRuntime.jsx)(_Button.default, {
   as: "a",
   variation: "link",

package/cjs/button/button-style.d.ts

@@ -0,0 +1,7 @@
+export declare const baseButtonStyle: import("@emotion/utils").SerializedStyles;
+export declare const primaryButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const secondaryButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const outlinedButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const textButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const dangerButtonStyles: import("@emotion/utils").SerializedStyles;
+export declare const linkButtonStyles: import("@emotion/utils").SerializedStyles;

package/cjs/button/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Button } from './Button';
+export * from './Button';
+export * from './LinkButton';
+export { default as IconButton } from './IconButton';
+export * from './IconButton';
+export * from './BadgeIcon';
+export { default as Anchor } from './LinkButton';

package/cjs/button/index.js

@@ -74,4 +74,5 @@ Object.keys(_BadgeIcon).forEach(function (key) {
     }
   });
 });
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }

package/cjs/button-stack/ButtonStack.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type Orientation = 'horizontal' | 'vertical';
+type Alignment = 'left' | 'right' | 'center';
+type ButtonStackProps = {
+    children?: React.ReactNode;
+    align?: Alignment;
+    orientation?: Orientation;
+    className?: string;
+    reverse?: boolean;
+};
+declare const ButtonStack: React.FunctionComponent<ButtonStackProps>;
+export default ButtonStack;

package/cjs/button-stack/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonStack } from './ButtonStack';

package/cjs/card/Card.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { SurfaceType } from '../surface';
+export declare const CardContext: React.Context<{}>;
+export type CardContextType = {
+    cardSize: 's' | 'm' | 'l' | 'xl';
+    cardVariant: 'outline' | 'fill' | 'surface';
+};
+export type CardProps = {
+    children?: React.ReactNode;
+    size: 's' | 'm' | 'l' | 'xl';
+    variant: 'outline' | 'fill' | 'surface';
+    surface?: SurfaceType;
+    reverse?: boolean;
+    media?: ReactNode;
+    ratio?: number[];
+    className?: string;
+};
+declare const Card: FunctionComponent<CardProps>;
+export default Card;

package/cjs/card/Card.js

@@ -12,7 +12,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react2 = require("@emotion/react");
 var _surface = require("../surface");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */

package/cjs/card/CardActions.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+declare const CardActions: FunctionComponent<FlexBoxProps>;
+export default CardActions;

package/cjs/card/CardContent.d.ts

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export type CardContentProps = {
+    children?: React.ReactNode;
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardContent: FunctionComponent<CardContentProps>;
+export default CardContent;

package/cjs/card/CardMedia.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+export type CardMediaProps = {
+    children?: React.ReactNode;
+    /**
+     * Media component to be displayed
+     */
+    media: ReactNode;
+    /**
+     * Aspect ratio of media component
+     */
+    aspectRatio?: AspectRatio;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+export type AspectRatio = '2:1' | '3:2';
+declare const CardMedia: FunctionComponent<CardMediaProps>;
+export default CardMedia;

package/cjs/card/CardPriceTag.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export type CardPriceTagProps = {
+    /**
+     * Price for the price tag
+     */
+    price: number;
+    /**
+     * Currency symbol to be displayed
+     */
+    currency?: string;
+    /**
+     * Text to be displayed over the price
+     */
+    topText?: string;
+    /**
+     * Text to be displayed under the price
+     */
+    bottomText?: string;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardPriceTag: ({ price, topText, bottomText, currency, ...rest }: CardPriceTagProps) => React.JSX.Element;
+export default CardPriceTag;

package/cjs/card/CardTitle.d.ts

@@ -0,0 +1,19 @@
+import React, { FunctionComponent } from 'react';
+export type CardTitleProps = {
+    children?: React.ReactNode;
+    /**
+     * Text color
+     */
+    color?: string;
+    /**
+     * If set to true the title will be displayed using the `sectionHeadline` instead of a `smallHeadline`.
+     * But only for large screens.
+     */
+    largeTitle?: boolean;
+    /**
+     * className to be assigned to the component
+     */
+    className?: string;
+};
+declare const CardTitle: FunctionComponent<CardTitleProps>;
+export default CardTitle;

package/cjs/card/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Card } from './Card';
+export { default as CardMedia } from './CardMedia';
+export { default as CardTitle } from './CardTitle';
+export { default as CardContent } from './CardContent';
+export { default as CardActions } from './CardActions';
+export { default as CardPriceTag } from './CardPriceTag';

package/cjs/chip/Chip.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
+export type ChipProps = {
+    children: ReactNode;
+    dismissable?: boolean;
+    disabled?: boolean;
+    selectable?: boolean;
+    selected?: boolean;
+    onToggle?: (event: InteractionEvent) => void;
+    onDismiss?: (event: InteractionEvent) => void;
+    tabIndex?: number;
+    className?: string;
+};
+export declare const ChipContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => React.JSX.Element;
+export default _default;

package/cjs/chip/Chip.js

@@ -11,7 +11,8 @@ var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _system = require("@dfds-ui/icons/system");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var cache;
+function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var r, c, a = Object.defineProperty, n = { __proto__: null, default: e }; if (Object(e) !== e) return n; if (cache || "function" != typeof WeakMap || (cache = new WeakMap()), cache) { if (cache.has(e)) return cache.get(e); cache.set(e, n); } for (c in e) "default" !== c && {}.hasOwnProperty.call(e, c) && ((r = a && Object.getOwnPropertyDescriptor(e, c)) && (r.get || r.set) ? a(n, c, r) : n[c] = e[c]); return n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 Text = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {

package/cjs/chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chip';
+export { default as Chip } from './Chip';