@dfds-ui/react-components 2.0.23 → 2.0.24-alpha.e06bd8a5

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { PopperProps } from '@mui/material';
-export declare 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<Pick<PopperProps, "key" | "id" | "open" | "color" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "componentsProps" | "keepMounted" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;

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

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,74 +0,0 @@
-import React, { ElementType, FunctionComponent, ReactNode } from 'react';
-import { Intent } from '../../common/intent';
-export declare type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
-export declare type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
-export declare 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/BannerAction.d.ts

@@ -1,19 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare 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

@@ -1,7 +0,0 @@
-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

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

package/cjs/assertions/index.d.ts

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

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

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

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

@@ -1,19 +0,0 @@
-import React, { PropsWithChildren, FunctionComponent } from 'react';
-import { ToastProps } from './Toast';
-declare type TimeoutType = {
-    timeout?: number;
-};
-declare 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/index.d.ts

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

package/cjs/badge/Badge.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { Intent } from '../common/intent';
-import { FlexBoxProps } from '../flexbox/FlexBox';
-export declare 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;

package/cjs/badge/index.d.ts

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

package/cjs/button/BadgeIcon.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare type BadgeIconProps = {
-    letter: string;
-    className?: string;
-};
-export declare const BadgeIcon: ({ letter, className }: BadgeIconProps) => JSX.Element;
-export default BadgeIcon;

package/cjs/button/BaseButton.d.ts

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

package/cjs/button/Button.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
-declare type ButtonSize = 'medium' | 'small';
-declare type IconAlign = 'left' | 'right';
-export declare 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: React.FC<ButtonProps>;
-export default Button;

package/cjs/button/IconButton.d.ts

@@ -1,75 +0,0 @@
-import React, { ElementType, ComponentPropsWithRef } from 'react';
-import { OverlayOptions } from '@dfds-ui/theme/states';
-import { PolymorphicComponentProps } from '../common/polymorphic';
-export declare 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: React.ForwardRefExoticComponent<Pick<IconButtonProps, "type" | "key" | "id" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "ariaLabel" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "size" | "icon" | "tooltip" | "as" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disableOverlay" | "disableTooltip" | "hoverColor" | "activeColor" | "focusColor" | "overlayOptions"> & React.RefAttributes<HTMLButtonElement>>;
-export default IconButton;

package/cjs/button/LinkButton.d.ts

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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-stack/ButtonStack.d.ts

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

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

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

package/cjs/card/Card.d.ts

@@ -1,18 +0,0 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { SurfaceType } from '../surface';
-export declare const CardContext: React.Context<{}>;
-export declare type CardContextType = {
-    cardSize: 's' | 'm' | 'l' | 'xl';
-    cardVariant: 'outline' | 'fill' | 'surface';
-};
-export declare type CardProps = {
-    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/CardActions.d.ts

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

package/cjs/card/CardContent.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'react';
-export declare type CardContentProps = {
-    /**
-     * 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

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

package/cjs/card/CardPriceTag.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-export declare 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) => JSX.Element;
-export default CardPriceTag;

package/cjs/card/CardTitle.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent } from 'react';
-export declare type CardTitleProps = {
-    /**
-     * 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

@@ -1,6 +0,0 @@
-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

@@ -1,19 +0,0 @@
-import React, { ReactNode } from 'react';
-declare type InteractionEvent = React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>;
-export declare 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 | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => JSX.Element;
-export default _default;

package/cjs/chip/index.d.ts

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

package/cjs/common/LockBodyScroll.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export declare type LockBodyScrollProps = {
-    /**
-     * If `true` scroll locking will be enabled
-     */
-    enabled?: boolean;
-    /**
-     * ClassName to be applied to the body element when scroll is locked
-     */
-    bodyClassNameApplied?: string;
-    /**
-     * ClassName to be applied to the html element when scroll is locked
-     */
-    htmlClassNameApplied?: string;
-    /**
-     * Preserve scroll position when locking.
-     */
-    preserveScrollPosition?: boolean;
-    children?: React.ReactNode;
-};
-export declare type LockBodyScrollResult = {
-    getGap(): number;
-};
-export declare const LockBodyScroll: React.ForwardRefExoticComponent<LockBodyScrollProps & React.RefAttributes<LockBodyScrollResult>>;
-export default LockBodyScroll;

package/cjs/common/arrow.d.ts

@@ -1,6 +0,0 @@
-export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-/**
- * Create css for an arrow
- * A <div> tag must surround {children} to work
- */
-export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;

package/cjs/common/emotionCloneElement.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const emotionCloneElement: (element: any, config: any, ...children: any) => import("react").DetailedReactHTMLElement<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export default emotionCloneElement;

package/cjs/common/intent.d.ts

@@ -1,3 +0,0 @@
-export declare type Intent = 'info' | 'critical' | 'success' | 'warning' | 'none';
-export declare function getIntentColor(intent?: Intent, muted?: boolean): string;
-export declare function getIntentTextColor(intent: Intent): string;

package/cjs/common/miniMoize.d.ts

@@ -1 +0,0 @@
-export declare function miniMoize(fn: (...args: any[]) => any): (...args: any[]) => any;

package/cjs/common/polymorphic.d.ts

@@ -1,25 +0,0 @@
-import { ComponentType, ElementType } from 'react';
-export declare type RenderContainerProps<T> = {
-    renderContainer: (props: T) => JSX.Element;
-};
-export declare type PolymorphicComponentProps = {
-    /**
-     * HTML tag or custom component being rendered.
-     */
-    as?: ElementType;
-};
-/**
- * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
- * polymorphic prop will point to the provided `RenderComponent`.
- *
- * @example
- * import { Link } from `gatsby`;
- * import { AppBarItem, withRenderAs } from `@dfds-ui/react-components`;
- *
- * const AppBarLink = withRenderAs(AppBarItem, Link);
- *
- * const Example = () => {
- *   return <AppBarLink id="1" title="example" to="/example">Example</AppBarLink>;
- * }
- */
-export declare function withRenderAs<PCProps extends PolymorphicComponentProps, RCProps>(PolymorphicComponent: ComponentType<PCProps>, RenderComponent: ComponentType<RCProps>): ({ ...props }: Omit<PCProps, keyof PolymorphicComponentProps> & RCProps) => JSX.Element;

package/cjs/common/use-media.d.ts

@@ -1 +0,0 @@
-export default function useMedia(queries: any, values: any, defaultValue: any): any;