@dfds-ui/react-components 0.9.6 → 0.9.7-alpha.3a2ef8a2

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

@@ -1,36 +0,0 @@
-import React from 'react';
-declare type RenderAs = {
-    as?: React.ElementType;
-};
-declare type LayoutProps = {
-    fullWidth?: boolean;
-    className?: string;
-} & RenderAs;
-declare type LayoutChildProps = {
-    fullWidth?: boolean;
-    className?: string;
-} & RenderAs;
-export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-    className?: string | undefined;
-} & 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 | undefined;
-        as?: React.ElementType<any> | undefined;
-    } & {
-        fullWidth?: boolean | undefined;
-        className?: string | undefined;
-    } & 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,6 +0,0 @@
-export interface SkeletonProps {
-    variant: SkeletonVariant;
-}
-export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
-export declare const Skeleton: ({ variant, ...rest }: SkeletonProps) => 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,26 +0,0 @@
-import React, { FunctionComponent } from 'react';
-export declare 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 | undefined;
-    as?: React.ElementType<any> | undefined;
-} & import("../flexbox/FlexBox").FlexBoxProps & {
-    as?: React.ElementType<any> | undefined;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & SocialMediaLinkListProps, {}, {}>;
-declare 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,15 +0,0 @@
-declare type Color = 'dark' | 'secondary' | 'light';
-export declare type SpinnerProps = {
-    instant?: boolean;
-    size?: string;
-    className?: string;
-    color?: Color;
-};
-declare function Spinner({ instant, size, className, color, ...rest }: SpinnerProps): JSX.Element;
-declare namespace Spinner {
-    var displayName: string;
-}
-export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<SpinnerProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export default Spinner;

package/cjs/spinner/index.d.ts

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

package/cjs/stepper/Step.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ListItemProps } from './../lists/ListItem';
-declare type StepProps = {
-    label: ReactNode;
-    children: ReactNode;
-    listItemProps?: ListItemProps;
-};
-declare const _default: React.NamedExoticComponent<StepProps>;
-export default _default;

package/cjs/stepper/Stepper.d.ts

@@ -1,15 +0,0 @@
-import React, { SetStateAction, Dispatch, ReactNode } from 'react';
-declare type StepperProps = {
-    children: ReactNode;
-    initialStep?: number;
-};
-export declare const useStepperContext: () => {
-    activeStep: string;
-    setStep: (id: string) => void;
-    setNext: () => Dispatch<SetStateAction<number>> | void;
-    setBack: () => Dispatch<SetStateAction<number>> | void;
-    setReset: () => Dispatch<SetStateAction<number>> | void;
-    setActiveIndex: Dispatch<SetStateAction<number>>;
-};
-declare const _default: React.NamedExoticComponent<StepperProps>;
-export default _default;

package/cjs/stepper/index.d.ts

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

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;
-};
-declare 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/react").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 declare type ThemeInterface = typeof theme;
-export default theme;

package/cjs/surface/Surface.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare 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: React.FC<{
-    surface: SurfaceType;
-}>;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
-    surface?: SurfaceType;
-}>): JSX.Element;
-export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
-export declare const Surface: React.FC<{
-    surface: SurfaceType;
-    className?: string;
-}>;

package/cjs/surface/index.d.ts

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

package/cjs/tab/Tab.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    index: Index;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-};
-declare const Tab: React.FC<TabProps>;
-export default Tab;

package/cjs/tab/TabPanel.d.ts

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

package/cjs/tab/Tabs.d.ts

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

package/cjs/tab/TabsContext.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Index } from './Tab';
-export declare type TabsContextProps = {
-    transparent?: boolean;
-    onChange?: (index: any) => void;
-    size?: 's' | 'm';
-    activeTab?: Index | undefined;
-};
-export declare const TabsContext: React.Context<TabsContextProps>;
-export declare const TabsContextProvider: React.FC<{
-    value: TabsContextProps;
-}>;
-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 from 'react';
-export declare type TableProps = {
-    /**
-     * Table content
-     */
-    children?: React.ReactNode;
-    /**
-     * Enables interaction effect on table rows
-     */
-    isInteractive?: boolean;
-    /**
-     * Makes table header sticky when scrolling (no IE 11 support)
-     */
-    isHeaderSticky?: boolean;
-};
-export declare type TableContextProps = {
-    isInteractive: boolean;
-    isHeaderSticky: boolean;
-};
-export declare const useTable: () => TableContextProps;
-export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
-export default Table;

package/cjs/table/TableBody.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type TableBodyProps = {
-    /**
-     * Table body content
-     */
-    children: React.ReactNode;
-};
-export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableBody;

package/cjs/table/TableDataCell.d.ts

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

package/cjs/table/TableHead.d.ts

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

package/cjs/table/TableHeaderCell.d.ts

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

package/cjs/table/TableRow.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export declare type TableRowProps = {
-    /**
-     * Table row content
-     */
-    children: React.ReactNode;
-    /**
-     * Classes applied on the tr tag
-     */
-    className?: string;
-    /**
-     * Applies Selected state styling to the row
-     */
-    isSelected?: boolean;
-};
-export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export default TableRow;

package/cjs/table/data.d.ts

@@ -1,9 +0,0 @@
-declare const _default: {
-    id: string;
-    route: string;
-    departsAt: string;
-    arrivesAt: string;
-    status: string;
-    remarks: string;
-}[];
-export default _default;

package/cjs/table/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Table';
-export * from './TableHead';
-export * from './TableBody';
-export * from './TableRow';
-export * from './TableHeaderCell';
-export * from './TableDataCell';

package/cjs/test/Test.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-export interface TestProps {
-    /** Test name. */
-    name: string;
-    description?: string;
-}
-export declare const Test: FC<TestProps>;
-export default Test;

package/cjs/tooltip/Tooltip.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-declare type Placement = 'top' | 'right' | 'bottom' | 'left';
-declare type TooltipProps = {
-    content: string;
-    placement?: Placement;
-    offset?: number;
-    delay?: [number, number] | false;
-    containerProps?: any;
-    tabIndex?: number;
-};
-declare const Tooltip: React.FC<TooltipProps>;
-export default Tooltip;

package/cjs/tooltip/index.d.ts

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

package/cjs/typography/Headlines.d.ts

@@ -1,70 +0,0 @@
-import React from 'react';
-declare const headlineStyles: {
-    h1: import("@emotion/react").SerializedStyles;
-    h2: import("@emotion/react").SerializedStyles;
-    h3: import("@emotion/react").SerializedStyles;
-    h4: import("@emotion/react").SerializedStyles;
-};
-export declare const H1: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H2: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H3: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H4: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Headline: React.FunctionComponent<{
-    as?: React.ElementType;
-    styledAs?: keyof typeof headlineStyles;
-    className?: string;
-    noMargin?: boolean;
-}>;
-export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export {};

package/cjs/typography/Text.d.ts

@@ -1,4 +0,0 @@
-export declare const Text: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/cjs/typography/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Headlines';
-export * from './Text';

package/table/TableRow.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export declare type TableRowProps = {
-    /**
-     * Table row content
-     */
-    children: React.ReactNode;
-    /**
-     * Classes applied on the tr tag
-     */
-    className?: string;
-    /**
-     * Applies Selected state styling to the row
-     */
-    isSelected?: boolean;
-};
-export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export default TableRow;