@dfds-ui/react-components 2.0.29 → 2.2.0-alpha.8d87a90d

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 | React.ReactNode;
-    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';