@helsenorge/designsystem-react 13.4.0 → 14.0.0-beta.0

package/lib/components/Table/TableCell/TableCell.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export declare enum TextAlign {
-    left = "left",
-    center = "center",
-    right = "right"
-}
-export interface Props extends Omit<React.ComponentPropsWithoutRef<'td'>, 'style'> {
-    /** Label used for small viewport block */
-    dataLabel?: string;
-    /**  text align in cell */
-    textAlign?: TextAlign;
-    /**  nowrap for white space */
-    nowrap?: boolean;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the content of the table cell */
-    children?: React.ReactNode;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-    /** For test purposes */
-    testId?: string;
-}
-export declare const TableCell: React.FC<Props>;
-export default TableCell;

package/lib/components/Table/TableExpandedRow/TableExpandedRow.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export interface Props {
-    /** Row is expanded. */
-    expanded: boolean;
-    /** Number of columns in table. */
-    numberOfColumns: number;
-    /** Text for hide button. */
-    hideDetailsText: string;
-    /** When hide button inside expanded row is clicked. */
-    toggleClick: () => void;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the content of the expanded row.  */
-    children: React.ReactNode;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-    /** Row id. For use with aria-controls. */
-    id?: string;
-}
-export declare const TableExpandedRow: ({ numberOfColumns, expanded, hideDetailsText, toggleClick, children, className, mode, id, }: Props) => React.JSX.Element;
-export default TableExpandedRow;

package/lib/components/Table/TableExpanderCell/TableExpanderCell.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export interface Props {
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Row is expanded. */
-    expanded: boolean;
-    /** Id for expanded row. */
-    expandableRowId: string;
-    /** Text for hide button used for aria label. */
-    hideDetailsText: string;
-    /** Text for show button used for aria label. */
-    showDetailsText: string;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-}
-export declare const TableExpanderCell: ({ expandableRowId, hideDetailsText, showDetailsText, expanded, className, mode, }: Props) => React.JSX.Element;
-export default TableExpanderCell;

package/lib/components/Table/TableExpanderCell/TableExpanderCellMobile.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { Props } from '../TableRow/TableRow';
-type TableExpanderCellMobileProps = Pick<Props, 'expanded' | 'onClick' | 'hideDetailsText' | 'showDetailsText' | 'mode'>;
-declare const TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps>;
-export default TableExpanderCellMobile;

package/lib/components/Table/TableHead/TableHead.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export declare enum HeaderCategory {
-    normal = "normal",
-    transparent = "transparent",
-    sortable = "sortable"
-}
-export interface Props extends Omit<React.ComponentPropsWithoutRef<'thead'>, 'style'> {
-    /** Header category for styling. Default: normal */
-    category?: HeaderCategory;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the content of the thead. Add table rows  */
-    children: React.ReactNode;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-}
-export declare const TableHead: React.FC<Props>;
-export default TableHead;

package/lib/components/Table/TableHeadCell/TableHeadCell.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export declare enum SortDirection {
-    asc = "asc",
-    desc = "desc"
-}
-export interface Props extends Omit<React.ComponentPropsWithoutRef<'th'>, 'style'> {
-    /** Sets if column for head cell should be sortable*/
-    sortable?: boolean;
-    /** Sort direction  */
-    sortDir?: SortDirection;
-    /** Function that is called when clicked */
-    onClick?: () => void;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the content of the td element.  */
-    children?: React.ReactNode;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-}
-export declare const TableHeadCell: React.FC<Props>;
-export default TableHeadCell;

package/lib/components/Table/TableRow/TableRow.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { ModeType } from '../Table';
-export interface Props extends Omit<React.ComponentPropsWithoutRef<'tr'>, 'style'> {
-    /** Sets if expanded row can be expanded */
-    expandable?: boolean;
-    /** Sets if expanded row is expanded */
-    expanded?: boolean;
-    /** When hide/show button for expanded row is clicked. */
-    onClick?: () => void;
-    /** Text for expanded row hide button. */
-    hideDetailsText?: string;
-    /** Text for expanded row show button. */
-    showDetailsText?: string;
-    /** Key attribute for row */
-    rowKey?: string;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the cells of the table row element.  */
-    children?: React.ReactNode;
-    /** For display with less space. Discouraged to use together with interactive elements. */
-    mode?: ModeType;
-}
-export declare const TableRow: React.FC<Props>;
-export default TableRow;

package/lib/components/Table/index.d.ts

@@ -1,10 +0,0 @@
-import { Table } from './Table';
-export { TableBody } from './TableBody';
-export { TableCell, TextAlign } from './TableCell';
-export { TableExpandedRow } from './TableExpandedRow';
-export { TableExpanderCell } from './TableExpanderCell';
-export { TableHead, HeaderCategory } from './TableHead';
-export { TableHeadCell, SortDirection } from './TableHeadCell';
-export { TableRow } from './TableRow';
-export * from './Table';
-export default Table;

package/lib/components/Table/utils.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { BreakpointConfig } from './Table';
-import { Breakpoint } from '../../hooks/useBreakpoint';
-/**
- * Finn konfigurasjon for nåværende breakpoint og tabellbredde
- * @param config Konfigurasjon for responsiv oppførsel
- * @param breakpoint Nåværende breakpoint
- * @param tableWidth Bredde på tabell i px
- * @returns Konfigurasjon for responsiv oppførsel uten fallbackVariant
- */
-export declare const getCurrentConfig: (config: BreakpointConfig | BreakpointConfig[], breakpoint: Breakpoint, tableWidth: number, windowWidth: number) => Omit<BreakpointConfig, "fallbackVariant"> | undefined;
-/**
- * Finn klassenavn for responsiv oppførsel
- * @param config Konfigurasjon for responsiv oppførsel
- * @returns Klassenavn
- */
-export declare const getBreakpointClass: (config?: BreakpointConfig) => string | undefined;
-/**
- * Finn riktig posisjon for horisontal sentrering av tabell som skal vises "centeredoverflow"
- * @param parentWidth Bredde på element som tabellen ligger i
- * @param tableWidth Bredde på tabellen
- * @returns Styling som posisjonerer tabellen riktig
- */
-export declare const getCenteredOverflowTableStyle: (parentWidth: number, tableWidth: number) => React.CSSProperties | undefined;

package/lib/components/Tabs/Tab.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { SvgIcon } from '../Icon';
-import { IconName } from '../Icons/IconNames';
-export interface TabProps {
-    /** Sets the tab panel content */
-    children?: React.ReactNode;
-    /** Optional icon on the tab */
-    icon?: SvgIcon | IconName;
-    /** Called when tab is selected */
-    onTabClick?: (index: number) => void;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** Title on the tab */
-    title?: string;
-}
-declare const Tab: React.FC<TabProps>;
-export default Tab;

package/lib/components/Tabs/TabList/TabItem.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-import { TabProps } from '../Tab';
-import { TabsColors } from '../Tabs';
-interface TabItemProps {
-    tabProps: TabProps;
-    index: number;
-    color: TabsColors;
-    selectedTab: number;
-    tabRefs: React.MutableRefObject<React.RefObject<HTMLButtonElement>[] | null | undefined>;
-    tabListVisible: boolean;
-    onTabListClick: (index: number) => void;
-}
-declare const TabItem: React.FC<TabItemProps>;
-export default TabItem;

package/lib/components/Tabs/TabPanel/TabPanel.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { TabsColors } from '../Tabs';
-interface TabPanelProps {
-    children?: React.ReactNode;
-    color?: TabsColors;
-    isFirst?: boolean;
-    style?: React.CSSProperties;
-}
-declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
-export default TabPanel;

package/lib/components/Tabs/Tabs.d.ts

@@ -1,38 +0,0 @@
-import { default as React } from 'react';
-import { default as Tab } from './Tab';
-import { HNDesignsystemTabs } from '../../resources/Resources';
-import { PaletteNames } from '../../theme/palette';
-export type { TabProps } from './Tab';
-export type TabsColors = Extract<PaletteNames, 'blueberry' | 'neutral' | 'white'>;
-export type TabsOnColor = 'onblueberry' | 'onneutral' | 'onwhite';
-export interface TabsProps {
-    children?: React.ReactNode;
-    /** Controlled state for Tabs component */
-    activeTab?: number;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the color of the tabs. Default: white */
-    color?: TabsColors;
-    /** Sets wether the component should use the container-breakout class. Default: true */
-    containerBreakout?: boolean;
-    /** Sets the background color of the tabs. Can only be used when the color is set to white. Default: onwhite */
-    onColor?: TabsOnColor;
-    /** Whether the tab list should be sticky */
-    sticky?: boolean;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** @deprecated Sets aria label on the "scroll to the right" button in TabList */
-    ariaLabelRightButton?: string;
-    /** @deprecated Sets aria label on the "scroll to the left" button in TabList */
-    ariaLabelLeftButton?: string;
-    /** Resources for component */
-    resources?: Partial<HNDesignsystemTabs>;
-    /** Overrides the default z-index of the tabs header */
-    zIndex?: number;
-}
-export declare const TabsRoot: React.FC<TabsProps>;
-type TabsComponent = typeof TabsRoot & {
-    Tab: typeof Tab;
-};
-declare const Tabs: TabsComponent;
-export default Tabs;

package/lib/components/Tabs/resourceHelper.d.ts

@@ -1,3 +0,0 @@
-import { LanguageLocales } from '../../constants';
-import { HNDesignsystemTabs } from '../../resources/Resources';
-export declare const getResources: (language: LanguageLocales) => HNDesignsystemTabs;

package/lib/components/Tag/Tag.d.ts

@@ -1,29 +0,0 @@
-import { default as React } from 'react';
-import { PaletteNames } from '../../theme/palette';
-import { SvgIcon } from '../Icon';
-import { IconName } from '../Icons/IconNames';
-export declare enum TagSize {
-    medium = "medium",
-    large = "large"
-}
-export declare enum TagVariant {
-    normal = "normal",
-    oncolor = "oncolor",
-    emphasised = "emphasised"
-}
-export type TagColors = Extract<PaletteNames, 'blueberry' | 'neutral' | 'cherry' | 'banana' | 'kiwi' | 'plum'>;
-export interface TagProps {
-    /** Sets the text of the tag */
-    children: string;
-    /** Sets the size of the tag. Default: medium */
-    size?: keyof typeof TagSize;
-    /** Sets the background of the tag. Default: blueberry */
-    color?: TagColors;
-    /** Adds an icon to the tag. */
-    svgIcon?: SvgIcon | IconName;
-    variant?: keyof typeof TagVariant;
-    /** Sets the data-testid attribute on the expander button. */
-    testId?: string;
-}
-declare const Tag: React.FC<TagProps>;
-export default Tag;

package/lib/components/Tag/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Tag } from './Tag';
-export * from './Tag';
-export default Tag;

package/lib/components/Textarea/Textarea.d.ts

@@ -1,40 +0,0 @@
-import { default as React } from 'react';
-import { FormOnColor } from '../../constants';
-import { HNDesignsystemTextArea } from '../../resources/Resources';
-import { ErrorWrapperClassNameProps } from '../ErrorWrapper';
-export interface TextareaProps extends ErrorWrapperClassNameProps, Pick<React.InputHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby' | 'autoFocus' | 'disabled' | 'name' | 'autoComplete' | 'placeholder' | 'readOnly' | 'required' | 'defaultValue' | 'onChange' | 'value'> {
-    /** max character limit in textarea  */
-    maxCharacters?: number;
-    /** @deprecated use resources instead. The text is displayed in the end of the text-counter */
-    maxText?: string;
-    /** Width of textarea in characters (approximate) */
-    width?: number;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** If true, the component will have a bottom margin. */
-    marginBottom?: boolean;
-    /** If true, the component will be transparent. */
-    transparent?: boolean;
-    /** Changes the visuals of the textarea */
-    onColor?: keyof typeof FormOnColor;
-    /** Label of the input */
-    label?: React.ReactNode;
-    /** id of the textarea */
-    textareaId?: string;
-    /** max rows */
-    maxRows?: number;
-    /** min rows */
-    minRows?: number;
-    /** auto-grows until maxRows */
-    grow?: boolean;
-    /** Activates Error style for the input */
-    error?: boolean;
-    /** Error text to show above the component */
-    errorText?: string;
-    /** Error text id */
-    errorTextId?: string;
-    /** Resources for component */
-    resources?: Partial<HNDesignsystemTextArea>;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;

package/lib/components/Textarea/resourceHelper.d.ts

@@ -1,3 +0,0 @@
-import { LanguageLocales } from '../../constants';
-import { HNDesignsystemTextArea } from '../../resources/Resources';
-export declare const getResources: (language: LanguageLocales) => HNDesignsystemTextArea;

package/lib/components/Tile/Tile.d.ts

@@ -1,34 +0,0 @@
-import { default as React } from 'react';
-import { TitleTags } from './../Title/Title';
-export type TileVariants = 'normal' | 'compact';
-interface TileProps extends Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'onClick' | 'rel'> {
-    children?: React.ReactNode;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /**	Sets the icon to be displayed inside the tile. */
-    icon: React.ReactElement;
-    /**	Sets the title to be displayed inside the tile. */
-    title: React.ReactElement;
-    /** Toggles the highlighted style of the tile. */
-    highlighted?: boolean;
-    /** Sets the description to be displayed inside the tile. */
-    description?: string;
-    /** Sets a fixed max and min width for the tile. */
-    fixed?: boolean;
-    /** Sets the visual variant of the component */
-    variant?: TileVariants;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-interface TileTitleProps {
-    children: React.ReactNode;
-    className?: string;
-    htmlMarkup?: TitleTags;
-    highlighted?: boolean;
-    compact?: boolean;
-}
-export interface TileCompound extends React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLAnchorElement>> {
-    Title: React.ForwardRefExoticComponent<TileTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-}
-export declare const Tile: TileCompound;
-export default Tile;

package/lib/components/Title/Title.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-export type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
-export type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';
-export interface TitleProps {
-    children: React.ReactNode;
-    /** Gives a unique id to the title */
-    id?: string;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Adds top and bottom margin in rem. */
-    margin?: number | TitleMargin;
-    /** Changes the underlying element of the title. */
-    htmlMarkup?: TitleTags;
-    /** Changes the appearance of the title. */
-    appearance?: TitleAppearances;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
-export interface TitleMargin {
-    marginTop: number;
-    marginBottom: number;
-}
-export declare const instanceOfTitleMargin: (margin: unknown) => margin is TitleMargin;
-export default Title;

package/lib/components/Title/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Title } from './Title';
-export * from './Title';
-export default Title;

package/lib/components/Toast/Toast.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-export interface ToastProps {
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** The title to display in the toast */
-    title: string;
-    /** The message to display in the toast */
-    message?: string;
-    /** Callback when toast is closed */
-    onClose?: () => void;
-}
-declare const Toast: React.FC<ToastProps>;
-export default Toast;

package/lib/components/ToastList/ToastList.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-export interface ToastData {
-    id: string;
-    title: string;
-    message?: string;
-}
-export interface ToastListProps {
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** Array of toast data to display */
-    toasts?: ToastData[];
-}
-declare const ToastList: React.ForwardRefExoticComponent<ToastListProps & React.RefAttributes<HTMLElement>>;
-export default ToastList;

package/lib/components/Toggle/Toggle.d.ts

@@ -1,36 +0,0 @@
-import { default as React } from 'react';
-export type LabelText = {
-    text: string;
-    type?: 'subdued' | 'normal';
-};
-export type StatusTextType = {
-    checked: string;
-    unchecked: string;
-};
-export declare enum TogglePosition {
-    left = "left",
-    right = "right"
-}
-export declare enum ToggleOnColor {
-    onwhite = "onwhite",
-    onneutral = "onneutral",
-    onblueberry = "onblueberry"
-}
-export interface ToggleProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-    /**  Determines if the Toggle is checked */
-    checked?: boolean;
-    /** Sets the label of the Toggle */
-    label: LabelText[];
-    /** Defines the color of the toggle */
-    onColor?: keyof typeof ToggleOnColor;
-    /** A text that is shown under the Toggle switch */
-    statusText?: StatusTextType;
-    /** Sets the sublabel of the Toggle */
-    subLabel?: string;
-    /** Sets the position of the toggle relative to the label */
-    togglePosition?: keyof typeof TogglePosition;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-declare const Toggle: React.FC<ToggleProps>;
-export default Toggle;

package/lib/components/Toggle/index.d.ts

@@ -1,3 +0,0 @@
-import { default as Toggle } from './Toggle';
-export * from './Toggle';
-export default Toggle;

package/lib/components/Validation/ErrorList.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ValidationErrors } from './types';
-interface ErrorListProps {
-    errors: ValidationErrors;
-}
-declare const ErrorList: React.FC<ErrorListProps>;
-export default ErrorList;

package/lib/components/Validation/ErrorListItem.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { ErrorDetails } from './types';
-interface ErrorElementProps {
-    name: string;
-    error: ErrorDetails;
-}
-declare const ErrorListItem: React.FC<ErrorElementProps>;
-export default ErrorListItem;

package/lib/components/Validation/Validation.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-import { ValidationErrors } from './types';
-import { FormSize } from '../../constants';
-interface ValidationProps {
-    /** Error summary title */
-    errorTitle?: string;
-    /** Validation errors. If errors include references to HTML elements, the errors will be rendered as links with an onClick handler to focus the element. */
-    errors?: ValidationErrors;
-    /** Items in the Validation compontent */
-    children?: React.ReactNode;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Changes the visuals of the formgroup */
-    size?: keyof typeof FormSize;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** Hides the ValidationSummary list visually - summary is still announced by screen readers */
-    visuallyHiddenSummary?: boolean;
-}
-export declare const Validation: React.ForwardRefExoticComponent<ValidationProps & React.RefAttributes<HTMLDivElement>>;
-export default Validation;

package/lib/components/Validation/ValidationSummary.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { ValidationErrors } from './types';
-import { TitleTags } from '../Title';
-interface ValidationSummaryProps {
-    /** Error summary title */
-    errorTitle?: string;
-    /** Error list */
-    errors?: ValidationErrors;
-    /** Markup props for error summary title. Default: h2 */
-    errorTitleHtmlMarkup?: TitleTags;
-    /** Will be shown last */
-    children?: React.ReactNode;
-    /** Hides the list visually - summary is still announced by screen readers */
-    visuallyHidden?: boolean;
-}
-declare const ValidationSummary: React.FC<ValidationSummaryProps>;
-export default ValidationSummary;