@dfds-ui/react-components 2.0.24-alpha.773a7548 → 2.0.24-alpha.a39fb915

package/cjs/stepper/Stepper.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare 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) => JSX.Element>;
-export default _default;

package/cjs/stepper/StepperContext.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-declare 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 @@
-/// <reference types="react" />
-declare const StepperFeedbackMessage: ({ message }: {
-    message: string;
-}) => 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;
-};
-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/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 declare type ThemeInterface = typeof theme;
-export default theme;

package/cjs/surface/Surface.d.ts

@@ -1,32 +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;
-    children?: React.ReactNode;
-}>;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
-    surface?: SurfaceType;
-}>): JSX.Element;
-export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
-export declare const Surface: React.FC<{
-    surface: SurfaceType;
-    className?: string;
-    children?: React.ReactNode;
-}>;

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 declare type Index = number | string;
-export declare type TabProps = {
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    index: Index;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    children?: React.ReactNode;
-};
-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,16 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Index } from './Tab';
-export declare 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: React.FC<{
-    value: TabsContextProps;
-    children?: ReactNode;
-}>;
-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 declare 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 declare type TableContextProps = {
-    isInteractive: boolean;
-    isHeaderSticky: boolean;
-};
-export declare const useTable: () => TableContextProps;
-export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
-export default Table;

package/cjs/table/TableBody.d.ts

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

package/cjs/table/TableDataCell.d.ts

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

package/cjs/table/TableHead.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare 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: React.ForwardRefExoticComponent<Pick<TableHeadProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableHead;

package/cjs/table/TableHeaderCell.d.ts

@@ -1,15 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } 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: ReactNode;
-} & ComponentPropsWithRef<'th'>;
-export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
-export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
-export default TableHeaderCell;

package/cjs/table/TableRow.d.ts

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

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,26 +0,0 @@
-import React from 'react';
-import { TippyProps } from '@tippyjs/react';
-declare type Placement = 'top' | 'right' | 'bottom' | 'left';
-declare type TooltipProps = {
-    content: string;
-    name?: string;
-    placement?: Placement;
-    offset?: number;
-    delay?: [number, number] | false;
-    containerProps?: any;
-    tabIndex?: number;
-    visible?: boolean;
-    onClickOutside?: () => void;
-    children?: React.ReactNode;
-};
-declare const Tooltip: React.FC<TooltipProps>;
-/**
- * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
- * no extra html markup will wrapped around the targeted element.
- *
- * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
- */
-export declare const UnstableWithTooltip: ({ delay, ...rest }: {
-    className?: string;
-} & TippyProps) => JSX.Element;
-export default Tooltip;

package/cjs/tooltip/index.d.ts

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

package/cjs/typography/Headlines.d.ts

@@ -1,70 +0,0 @@
-import React from 'react';
-declare const headlineStyles: {
-    h1: import("@emotion/utils").SerializedStyles;
-    h2: import("@emotion/utils").SerializedStyles;
-    h3: import("@emotion/utils").SerializedStyles;
-    h4: import("@emotion/utils").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,5 +0,0 @@
-/// <reference types="react" />
-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';