@dfds-ui/react-components 3.0.1-alpha.e689059e → 3.0.2-alpha.44219a9f

package/cjs/side-sheet/SideSheet.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-type Variant = 'nested' | 'elevated';
-type BackdropEmphasis = 'low' | 'high';
-type Align = 'left' | 'right';
-export type SideSheetProps = {
-    children?: React.ReactNode;
-    /**
-     * Choose the `width` of the `SideSheet`.
-     */
-    header?: string;
-    /**
-     * Choose the `width` of the `SideSheet`.
-     */
-    width?: string;
-    /**
-     * When you trigger a close.
-     */
-    onRequestClose?: () => void;
-    /**
-     * If set to true, the `SideSheet` is shown.
-     */
-    isOpen: boolean;
-    /**
-     * Choose if the SideSheet should be nested or elevated.
-     */
-    variant?: Variant;
-    /**
-     * Align the elevated SideSheet to left or right.
-     */
-    alignSideSheet?: Align;
-    /**
-     * Style the SideSheet by adding a className to it.
-     */
-    className?: string;
-    /**
-     * Add or remove the backdrop for the elevated side sheet.
-     */
-    backdrop?: boolean;
-    /**
-     * Specify the emphasis of the backdrop.
-     */
-    backdropEmphasis?: BackdropEmphasis;
-    /**
-     * Specify the custom zIndex.
-     */
-    zIndex?: number;
-    /**
-     * Fullscreen on large mobile (breakpoint at 500px).
-     */
-    largeMobileFullScreen?: boolean;
-    /**
-     * Fullscreen on small mobile (breakpoint at 375px).
-     */
-    smallMobileFullScreen?: boolean;
-};
-declare const SideSheet: ({ variant, className, isOpen, backdrop, width, header, zIndex, largeMobileFullScreen, smallMobileFullScreen, onRequestClose, backdropEmphasis, alignSideSheet, children, ...rest }: SideSheetProps) => React.JSX.Element;
-export default SideSheet;

package/cjs/side-sheet/SideSheetCloseButton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { IconButtonSize } from '../button/IconButton';
-export type SideSheetCloseButtonProps = {
-    onRequestClose?: () => void;
-    className?: string;
-    icon?: React.ElementType;
-    size?: IconButtonSize;
-    tabIndex?: number;
-    closeLabel?: string;
-    children?: React.ReactNode;
-};
-export declare const SideSheetCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: SideSheetCloseButtonProps) => React.JSX.Element;
-export default SideSheetCloseButton;

package/cjs/side-sheet/SideSheetContent.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-export type SideSheetFooterProps = {
-    className?: string;
-    children?: ReactNode;
-};
-export declare const SideSheetContent: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
-export default SideSheetContent;

package/cjs/side-sheet/SideSheetFooter.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-export type SideSheetFooterProps = {
-    className?: string;
-    children?: ReactNode;
-};
-export declare const SideSheetFooter: ({ children, className, ...rest }: SideSheetFooterProps) => React.JSX.Element;
-export default SideSheetFooter;

package/cjs/side-sheet/SideSheetHeader.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-export type ModalHeaderProps = {
-    className?: string;
-    sticky?: boolean;
-    children?: ReactNode;
-    noDivider?: boolean;
-};
-export declare const SideSheetHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => React.JSX.Element;
-export default SideSheetHeader;

package/cjs/side-sheet/SideSheetHeadline.d.ts

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

package/cjs/side-sheet/index.d.ts

@@ -1,4 +0,0 @@
-export { default as SideSheet } from './SideSheet';
-export { default as SideSheetFooter } from './SideSheetFooter';
-export { default as SideSheetContent } from './SideSheetContent';
-export * from './SideSheet';

package/cjs/site-layout/SiteLayout.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-type RenderAs = {
-    as?: React.ElementType;
-};
-type LayoutProps = {
-    children?: React.ReactNode;
-    fullWidth?: boolean;
-    className?: string;
-} & RenderAs;
-type LayoutChildProps = {
-    children?: React.ReactNode;
-    fullWidth?: boolean;
-    className?: string;
-} & RenderAs;
-export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    children?: React.ReactNode;
-    fullWidth?: boolean;
-    className?: string;
-} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Layout: React.FunctionComponent<LayoutProps>;
-export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
-export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
-export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
-declare const _default: {
-    Grid: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    } & {
-        children?: React.ReactNode;
-        fullWidth?: boolean;
-        className?: string;
-    } & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Header: React.FunctionComponent<LayoutChildProps>;
-    Main: React.FunctionComponent<LayoutChildProps>;
-    Footer: React.FunctionComponent<LayoutChildProps>;
-};
-export default _default;

package/cjs/site-layout/index.d.ts

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

package/cjs/skeleton/Skeleton.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface SkeletonProps {
-    variant: SkeletonVariant;
-    disableAnimation?: boolean;
-}
-export type SkeletonVariant = 'text' | 'circle' | 'rect';
-export declare const Skeleton: ({ variant, disableAnimation, ...rest }: SkeletonProps) => React.JSX.Element;
-export default Skeleton;

package/cjs/skeleton/index.d.ts

@@ -1 +0,0 @@
-export * from './Skeleton';

package/cjs/social-media-link-list/SocialMediaLinkList.d.ts

@@ -1,24 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export type SocialMediaLinkListProps = {
-    instagramLink?: string;
-    facebookLink?: string;
-    blogLink?: string;
-    twitterLink?: string;
-    linkedinLink?: string;
-    youtubeLink?: string;
-    mailshareLink?: string;
-    iconSize?: string;
-    noPadding?: boolean;
-    colorOverwrite?: string;
-};
-export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & import("../flexbox").FlexBoxProps & {
-    as?: React.ElementType;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme;
-} & SocialMediaLinkListProps, {}, {}>;
-type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
-export declare const SocialMediaLinkList: socialMediaLinkListComponent;
-export default SocialMediaLinkList;

package/cjs/social-media-link-list/index.d.ts

@@ -1 +0,0 @@
-export * from './SocialMediaLinkList';

package/cjs/spinner/Spinner.d.ts

@@ -1,58 +0,0 @@
-import React from 'react';
-import { PolymorphicComponentProps } from '../common/polymorphic';
-type Color = 'dark' | 'secondary' | 'light';
-export type SpinnerProps = {
-    /**
-     * Indicates that Spinner will show up instantaneously (instead of fading in).
-     *
-     */
-    instant?: boolean;
-    /**
-     * Specifies the size of the Spinner.
-     *
-     * @deprecated Use css instead.
-     */
-    size?: string;
-    /**
-     * Class name to be assigned to component.
-     */
-    className?: string;
-    /**
-     * Set the color variant to use.
-     */
-    color?: Color;
-} & PolymorphicComponentProps;
-/**
- * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
- */
-export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): React.JSX.Element;
-export declare namespace Spinner {
-    var displayName: string;
-}
-/**
- * @deprecated Style the regular spinner to achieve the desired effect.
- */
-export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<{
-    /**
-     * Indicates that Spinner will show up instantaneously (instead of fading in).
-     *
-     */
-    instant?: boolean;
-    /**
-     * Specifies the size of the Spinner.
-     *
-     * @deprecated Use css instead.
-     */
-    size?: string;
-    /**
-     * Class name to be assigned to component.
-     */
-    className?: string;
-    /**
-     * Set the color variant to use.
-     */
-    color?: Color;
-} & PolymorphicComponentProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export default Spinner;

package/cjs/spinner/index.d.ts

@@ -1 +0,0 @@
-export * from './Spinner';

package/cjs/step/Step.d.ts

@@ -1,45 +0,0 @@
-import React, { ReactNode } from 'react';
-export type StepProps = {
-    /**
-     * 	The position of the step
-     */
-    index: number;
-    /**
-     * Step label
-     */
-    label?: string;
-    /**
-     * 	Sets the step as active
-     */
-    active?: boolean;
-    /**
-     * 	Sets the step as completed
-     */
-    completed?: boolean;
-    /**
-     * If `true`, the step button will be disabled
-     */
-    disabled?: boolean;
-    /**
-     * Should be Step sub-components, such as `StepContent` for the vertical variant
-     */
-    children?: ReactNode;
-    /**
-     * Optional label. Is shown below the step label
-     */
-    optionalStepText?: string;
-    /**
-     * Error step. Error icon will be showen in the step button
-     */
-    hasError?: boolean;
-    /**
-     * Editing step. Editing icon wil be showen in the step button
-     */
-    isEditing?: boolean;
-    /**
-     * The function is triggered when step button is clicked
-     */
-    handleStepClick?: () => void;
-};
-declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => React.JSX.Element>;
-export default _default;

package/cjs/step/Step.styles.d.ts

@@ -1,4 +0,0 @@
-export declare const stepWrapperHorizontalStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepWrapperVerticalStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepHeaderStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepContentStyles: import("@emotion/utils").SerializedStyles;

package/cjs/step/StepButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
-declare const StepButton: ({ ...rest }: StepButtonProps) => React.JSX.Element;
-export default StepButton;

package/cjs/step/StepContent.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactNode } from 'react';
-type StepContentProps = {
-    children: ReactNode;
-};
-declare const StepContent: ({ children }: StepContentProps) => React.JSX.Element;
-export default StepContent;

package/cjs/step/StepContext.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from 'react';
-export type StepContextType = {
-    index: number;
-    active: boolean;
-    hasError?: boolean;
-    completed?: boolean;
-    disabled?: boolean;
-    isEditing?: boolean;
-    feedback?: ReactNode;
-};
-declare const StepContext: React.Context<StepContextType>;
-export default StepContext;

package/cjs/step/StepLabel.d.ts

@@ -1,7 +0,0 @@
-import { FC, ReactNode } from 'react';
-type StepLableTypes = {
-    children: ReactNode;
-    optionalStepText?: ReactNode;
-};
-declare const StepLabel: FC<StepLableTypes>;
-export default StepLabel;

package/cjs/step/index.d.ts

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

package/cjs/stepper/Stepper.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-export type StepperProps = {
-    /**
-     * Stepper layout orientation `'horizontal' | 'vertical'`
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Multiple `<Step/>` components
-     */
-    children: ReactNode;
-    /**
-     *  The initial step
-     */
-    activeStep?: number;
-    /**
-     *  If set the component will not assist in controlling steps for sequential flow
-     */
-    sequential?: boolean;
-    /**
-     * A feedback message can be passed to display a transitory feedback message as the step label
-     */
-    stepFeedbackMessage?: string;
-};
-declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => React.JSX.Element>;
-export default _default;

package/cjs/stepper/StepperContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type StepperContextType = {
-    activeStep: number;
-    orientation: 'horizontal' | 'vertical';
-    sequential: boolean;
-    stepFeedbackMessage?: string;
-};
-declare const StepperContext: React.Context<StepperContextType>;
-export default StepperContext;

package/cjs/stepper/index.d.ts

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

package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const StepperFeedbackMessage: ({ message }: {
-    message: string;
-}) => React.JSX.Element;
-export default StepperFeedbackMessage;

package/cjs/stepper-feedback-message/index.d.ts

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

package/cjs/styles/index.d.ts

@@ -1,3 +0,0 @@
-export { default as legacyMedia, legacyGenerateMedia } from './media';
-export { default as theme } from './theme';
-export { visuallyHidden } from './style-helpers';

package/cjs/styles/media.d.ts

@@ -1,21 +0,0 @@
-declare const defaultBreakPoints: {
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-type BreakPoint = keyof typeof defaultBreakPoints | number;
-export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export declare const legacyMedia: {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export default legacyMedia;

package/cjs/styles/rem.d.ts

@@ -1 +0,0 @@
-export declare const rem: (targetPixelValue: number, base?: number) => string;

package/cjs/styles/style-helpers.d.ts

@@ -1 +0,0 @@
-export declare const visuallyHidden: () => import("@emotion/utils").SerializedStyles;

package/cjs/styles/theme.d.ts

@@ -1,39 +0,0 @@
-export declare const theme: {
-    colors: {
-        yesGreen: string;
-        cautionAmber: string;
-        noRed: string;
-        linkBlue: string;
-        linkHover: string;
-        actionBlue: string;
-        actionHover: string;
-        actionMedium: string;
-        actionLight: string;
-        primaryOrange: string;
-        primaryHover: string;
-        uiEnabled: string;
-        uiDisabled: string;
-        textGrey: string;
-        textMedium: string;
-        textLight: string;
-        groupBlue: string;
-        groupMedium: string;
-        groupLight: string;
-        backgroundGrey: string;
-        white: string;
-        whiteHover: string;
-    };
-    fontFamily: string;
-    spacing: {
-        xxs: string;
-        xs: string;
-        s: string;
-        m: string;
-        l: string;
-        xl: string;
-        xxl: string;
-    };
-    uiRoundness: string;
-};
-export type ThemeInterface = typeof theme;
-export default theme;

package/cjs/surface/Surface.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { theme } from '@dfds-ui/theme';
-export type SurfaceType = keyof typeof theme.colors.surface;
-export type SurfaceContextType = {
-    surface: SurfaceType;
-    backgroundColor: string;
-    textColors: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-};
-export declare function getTextColors(surface: SurfaceType): {
-    primary: string;
-    secondary: string;
-    disabled: string;
-};
-export declare function getBackgroundColor(surface: SurfaceType): string;
-export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
-export declare const SurfaceProvider: ({ children, surface }: {
-    surface: SurfaceType;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: {
-    surface?: SurfaceType;
-    children?: React.ReactNode;
-}): React.JSX.Element;
-export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
-export declare const Surface: ({ surface, children, ...rest }: {
-    surface: SurfaceType;
-    className?: string;
-    children?: React.ReactNode;
-}) => React.JSX.Element;

package/cjs/surface/index.d.ts

@@ -1 +0,0 @@
-export * from './Surface';

package/cjs/tab/Tab.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export type Index = number | string;
-export type TabProps = {
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    index: Index;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    children?: React.ReactNode;
-};
-declare const Tab: ({ children, index, onClick, ...rest }: TabProps) => React.JSX.Element;
-export default Tab;

package/cjs/tab/TabPanel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type TabPanelProps = {
-    index: number | string;
-    children: React.ReactNode;
-};
-declare const TabPanel: ({ index, children }: TabPanelProps) => React.JSX.Element;
-export default TabPanel;

package/cjs/tab/Tabs.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-type TabsLabels = {
-    scrollLeft: string;
-    scrollRight: string;
-};
-type TabsProps = {
-    tabsLabels?: TabsLabels;
-    children?: any;
-};
-declare const Tabs: ({ children, tabsLabels, ...rest }: TabsProps) => React.JSX.Element;
-export default Tabs;

package/cjs/tab/TabsContext.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Index } from './Tab';
-export type TabsContextProps = {
-    transparent?: boolean;
-    onChange?: (index: any) => void;
-    size?: 's' | 'm';
-    activeTab?: Index | undefined;
-    children?: React.ReactNode;
-};
-export declare const TabsContext: React.Context<TabsContextProps>;
-export declare const TabsContextProvider: ({ children, value }: {
-    value: TabsContextProps;
-    children?: ReactNode;
-}) => React.JSX.Element;
-export declare const useTabsContext: () => TabsContextProps;
-export default useTabsContext;

package/cjs/tab/index.d.ts

@@ -1,4 +0,0 @@
-export * from './TabsContext';
-export { default as Tabs } from './Tabs';
-export { default as Tab } from './Tab';
-export { default as TabPanel } from './TabPanel';

package/cjs/table/Table.d.ts

@@ -1,22 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export type TableProps = {
-    /**
-     * Table content
-     */
-    children?: ReactNode;
-    /**
-     * Enables interaction effect on table rows
-     */
-    isInteractive?: boolean;
-    /**
-     * Makes table header sticky when scrolling (no IE 11 support)
-     */
-    isHeaderSticky?: boolean;
-} & ComponentPropsWithRef<'table'>;
-export type TableContextProps = {
-    isInteractive: boolean;
-    isHeaderSticky: boolean;
-};
-export declare const useTable: () => TableContextProps;
-export declare const Table: ({ children, isHeaderSticky, isInteractive, ...rest }: TableProps) => React.JSX.Element;
-export default Table;

package/cjs/table/TableBody.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export type TableBodyProps = {
-    /**
-     * Table body content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'tbody'>;
-export declare const TableBody: ({ children, ...rest }: TableBodyProps) => React.JSX.Element;
-export default TableBody;

package/cjs/table/TableDataCell.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-import { Alignment } from './TableHeaderCell';
-export type TableDataCellProps = {
-    /**
-     * Sets alignment for the content in the tag
-     */
-    align?: Alignment;
-    /**
-     * Table cell content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'td'>;
-export declare const TableDataCell: ({ align, children, ...rest }: TableDataCellProps) => React.JSX.Element;
-export default TableDataCell;

package/cjs/table/TableHead.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export type TableHeadProps = {
-    /**
-     * Table header content
-     */
-    children: ReactNode;
-    /**
-     * Classes applied on the thead tag
-     */
-    className?: string;
-} & ComponentPropsWithRef<'thead'>;
-export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
-export declare const TableHead: ({ children, className, ...rest }: TableHeadProps) => React.JSX.Element;
-export default TableHead;

package/cjs/table/TableHeaderCell.d.ts

@@ -1,15 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
-export type TableHeaderCellProps = {
-    /**
-     * Sets alignment for the content in the tag
-     */
-    align?: Alignment;
-    /**
-     * Table cell content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'th'>;
-export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
-export declare const TableHeaderCell: ({ align, children, ...rest }: TableHeaderCellProps) => React.JSX.Element;
-export default TableHeaderCell;