@norges-domstoler/dds-components 9.5.0-beta.0 → 10.0.0

package/dist/cjs/components/InlineEdit/InlineEdit.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/cjs/components/InlineEdit/InlineEdit.styles.d.ts

@@ -1,4 +1,14 @@
 import { Property } from 'csstype';
 export declare const defaultWidth: Property.Width;
-export declare const getInlineEditInputStyling: (isEditing?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+declare type StyledInlineInputProps = {
+    isEditing?: boolean;
+    hideIcon?: boolean;
+};
+export declare const StyledInlineInput: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & Pick<import("../../helpers").InputProps, "componentSize"> & StyledInlineInputProps, never>;
+export declare const StyledInlineTextArea: import("styled-components").StyledComponent<"input", any, Pick<import("../../helpers").InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & Pick<import("../../helpers").InputProps, "componentSize"> & StyledInlineInputProps, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/dist/cjs/components/InlineEdit/InlineEdit.tokens.d.ts

@@ -1,7 +1,6 @@
 export declare const inlineEditTokens: {
     inlineEdit: {
         padding: string;
-        paddingLeft: string;
         font: {
             lineHeight: any;
             fontSize: string;
@@ -11,6 +10,9 @@ export declare const inlineEditTokens: {
             fontStyle: any;
         };
         backgroundColor: string;
+        withIcon: {
+            paddingLeft: string;
+        };
         hover: {
             backgroundColor: string;
         };

package/dist/cjs/components/InlineEdit/InlineEdit.types.d.ts

@@ -7,6 +7,8 @@ export declare type BaseInlineInputProps = {
     errorMessage?: string;
     /** Bredde på komponenten. */
     width?: Property.Width;
+    /**Om redigeringsikonet skal vises. */
+    hideIcon?: boolean;
     /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
     emptiable?: boolean;
     /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
@@ -28,6 +30,6 @@ export declare type InlineEditProps = {
     /**Ekstra callback ved `onBlur`-event. */
     onBlur?: () => void;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
-export declare type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width'>;
+export declare type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width' | 'hideIcon'>;
 export declare type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
 export declare type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;

package/dist/cjs/components/InlineEdit/InlineEditInput.d.ts

@@ -1 +1 @@
-export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts

@@ -1,7 +1,7 @@
 import { InlineEditInputProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/cjs/components/InlineEdit/InlineEditTextArea.d.ts

@@ -1 +1 @@
-export declare const InlineEditTextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "error" | "errorMessage" | "width"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export declare const InlineEditTextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "error" | "errorMessage" | "width" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts

@@ -1,7 +1,7 @@
 import { InlineEditTextAreaProps } from './InlineEdit.types';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLTextAreaElement>>;
     argTypes: {
         emptiable: {
             control: {

package/dist/cjs/components/ProgressTracker/ProgressTracker.context.d.ts

@@ -1,5 +1,6 @@
 declare type ProgressTrackerContextType = {
     activeStep: number;
+    handleStepChange?: (index: number) => void;
 };
 export declare const ProgressTrackerContext: import("react").Context<ProgressTrackerContextType>;
 export declare const useProgressTrackerContext: () => ProgressTrackerContextType;

package/dist/cjs/components/ProgressTracker/ProgressTracker.d.ts

@@ -4,6 +4,10 @@ import { ProgressTrackerItem } from './ProgressTrackerItem';
 declare type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til det aktive steget. */
     activeStep?: number;
+    /** Ekstra logikk ved klikking på et steg. */
+    onStepChange?: (step: number) => void;
+    /** Om brukeren kan hoppe mellom stegene via museklikk på et steg. */
+    clickable?: boolean;
 }>;
 declare type ProgressTrackerComponent = ForwardRefExoticComponent<ProgressTrackerProps> & {
     Item: typeof ProgressTrackerItem;

package/dist/cjs/components/ProgressTracker/ProgressTracker.stories.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
         activeStep?: number | undefined;
+        onStepChange?: ((step: number) => void) | undefined;
+        clickable?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {

package/dist/cjs/components/Search/AutocompleteSearch.context.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEvent, MouseEvent, RefObject } from 'react';
+export declare type AutocompleteSearchContextType = {
+    onValueChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onSugggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    suggestions?: string[];
+    showSuggestions?: boolean;
+    inputValue?: string;
+    inputRef?: RefObject<HTMLInputElement> | null;
+    suggestionsRef?: RefObject<HTMLDivElement> | null;
+};
+export declare const AutocompleteSearchContext: import("react").Context<AutocompleteSearchContextType>;
+export declare const useAutocompleteSearch: () => AutocompleteSearchContextType;

package/dist/cjs/components/Search/Search.stories.d.ts

@@ -1,4 +1,4 @@
-import { SearchProps } from './Search';
+import { SearchProps } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("../../helpers").InputProps, "label" | "tip"> & {
@@ -8,7 +8,18 @@ declare const _default: {
             label?: string | undefined;
             loading?: boolean | undefined;
         } & import("react").ButtonHTMLAttributes<HTMLButtonElement>) | undefined;
-    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>> & {
+        AutocompleteWrapper: (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps) => JSX.Element;
+        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
+            suggestions?: string[] | undefined;
+            showSuggestions?: boolean | undefined;
+            onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+            maxSuggestions?: number | undefined;
+            searchId: string;
+        } & {
+            htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+        } & import("react").RefAttributes<HTMLDivElement>>;
+    };
     argTypes: {
         tip: {
             control: {
@@ -30,5 +41,7 @@ declare const _default: {
 export default _default;
 export declare const Overview: (args: SearchProps) => JSX.Element;
 export declare const OverviewSizes: (args: SearchProps) => JSX.Element;
+export declare const OverviewWithSuggestions: (args: SearchProps) => JSX.Element;
 export declare const Default: (args: SearchProps) => JSX.Element;
 export declare const WithButton: (args: SearchProps) => JSX.Element;
+export declare const WithSuggestions: (args: SearchProps) => JSX.Element;

package/dist/cjs/components/Search/Search.tokens.d.ts

@@ -48,4 +48,12 @@ export declare const searchTokens: {
     outerContainer: {
         gap: string;
     };
+    suggestionsContainer: {
+        marginTop: string;
+        border: string;
+        boxShadow: string;
+    };
+    suggestionsHeader: {
+        paddingLeft: string;
+    };
 };

package/dist/cjs/components/Search/SearchAutocompleteWrapper.d.ts

@@ -0,0 +1,31 @@
+import { ChangeEvent, ReactNode } from 'react';
+declare type WeightedValue = {
+    text: string;
+    relevance: number;
+};
+export declare type WeightedSearchData = {
+    array: WeightedValue[];
+    sortFunction?: (a: WeightedValue, b: WeightedValue) => number;
+};
+export declare type SearchData = {
+    array: string[];
+    sortFunction?: (a: string, b: string) => number;
+};
+export declare type SearchAutocompleteWrapperProps = {
+    /**Array med data som kan søkes på og eventuelt tilhørende sorteringsfunksjon. Array kan bestå av elementer av typen `string`  eller objekter med vekt og tekst.*/
+    data?: SearchData | WeightedSearchData;
+    /** Ekstra callback ved `onChange` i `<Search>`. */
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionSelection?: () => void;
+    /** Custom filter for forslag. */
+    filter?: (sugestion: string, query: string) => boolean;
+    /**Minst lengde på query når forslag skal vises. */
+    queryLength?: number;
+    /** Barnet til komponenten (`<Search />`). */
+    children?: ReactNode;
+    /**Initielle `value` i `<Search>`. */
+    value?: string;
+};
+export declare const SearchAutocompleteWrapper: (props: SearchAutocompleteWrapperProps) => JSX.Element;
+export {};

package/dist/cjs/components/Search/SearchSuggestions.d.ts

@@ -0,0 +1,29 @@
+import { SearchProps } from './Search';
+import { BaseComponentProps } from '../../types';
+import { MouseEvent } from 'react';
+export declare type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
+    /**Forslag som vises i listen. */
+    suggestions?: string[];
+    /** Om listen skal vises. */
+    showSuggestions?: boolean;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** Maks antall forslag vist i listen. */
+    maxSuggestions?: number;
+    /**Id til `<Search>`. */
+    searchId: string;
+}>;
+export declare const SearchSuggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
+    /**Forslag som vises i listen. */
+    suggestions?: string[] | undefined;
+    /** Om listen skal vises. */
+    showSuggestions?: boolean | undefined;
+    /**Callback når et forslag blir valgt, inkludert søkefunksjon. */
+    onSuggestionClick?: ((e: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /** Maks antall forslag vist i listen. */
+    maxSuggestions?: number | undefined;
+    /**Id til `<Search>`. */
+    searchId: string;
+} & {
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Search/index.d.ts

@@ -1 +1,10 @@
-export * from './Search';
+import { Search as BaseSearch, SearchProps, SearchSize } from './Search';
+import { SearchAutocompleteWrapper, SearchAutocompleteWrapperProps, SearchData, WeightedSearchData } from './SearchAutocompleteWrapper';
+import { SearchSuggestions, SearchSuggestionsProps } from './SearchSuggestions';
+declare type SearchCompoundProps = typeof BaseSearch & {
+    AutocompleteWrapper: typeof SearchAutocompleteWrapper;
+    Suggestions: typeof SearchSuggestions;
+};
+declare const Search: SearchCompoundProps;
+export { Search };
+export type { SearchProps, SearchSize, SearchData, WeightedSearchData, SearchAutocompleteWrapperProps, SearchSuggestionsProps, };

package/dist/cjs/components/Select/Select.d.ts

@@ -9,7 +9,6 @@ export declare type SelectOption<TValue = unknown> = {
     value: TValue;
 };
 export declare const createSelectOptions: <TValue extends string | number>(...args: TValue[]) => SelectOption<TValue>[];
-export declare function searchFilter(text: string, search: string): boolean;
 declare type WrappedReactSelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean, Group extends GroupBase<TOption>> = WithRequiredIf<TOption extends SelectOption ? false : true, ReactSelectProps<TOption, IsMulti, Group>, 'getOptionLabel' | 'getOptionValue'>;
 export declare type SelectProps<TOption extends Record<string, unknown>, IsMulti extends boolean> = {
     /**Ledetekst for nedtrekkslisten. */

package/dist/cjs/components/Select/Select.tokens.d.ts

@@ -104,15 +104,8 @@ export declare const selectTokens: {
         };
     };
     multiValue: {
-        base: {
-            borderRadius: string;
-        };
-        enabled: {
-            backgroundColor: string;
-        };
-        disabled: {
-            backgroundColor: string;
-        };
+        borderRadius: string;
+        backgroundColor: string;
     };
     multiValueLabel: {
         padding: string;

package/dist/cjs/components/Table/Body.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type BodyProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Body: import("react").ForwardRefExoticComponent<BodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Body: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/Foot.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type FootProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Foot: import("react").ForwardRefExoticComponent<FootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Foot: import("react").ForwardRefExoticComponent<TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/Head.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
-export declare type HeadProps = HTMLAttributes<HTMLTableSectionElement>;
-export declare const Head: import("react").ForwardRefExoticComponent<HeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+export declare type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+export declare const Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/components/Table/SortCell.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending';
-export declare type SortCellProps = {
+export declare type TableSortCellProps = {
     /**Spesifiserer om kolonnen er sortert. */
     isSorted?: boolean;
     /**Sorteringsrekkefølge i kolonnen. Avgjør hvilket ikon skal vises i cellen. */

package/dist/cjs/components/Table/Table.stories.d.ts

@@ -1,11 +1,28 @@
-import { TableProps } from '.';
+import { TableProps, SortOrder } from '.';
 declare const _default: {
     title: string;
     component: import("react").ForwardRefExoticComponent<{
         density?: import("./Table").TableDensity | undefined;
         stickyHeader?: boolean | undefined;
         withDividers?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;
+    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
+        Wrapper: ({ children, ...rest }: import("./TableWrapper").TableWrapperProps) => JSX.Element;
+        Head: import("react").ForwardRefExoticComponent<import("./Head").TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Body: import("react").ForwardRefExoticComponent<import("./Body").TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Foot: import("react").ForwardRefExoticComponent<import("./Foot").TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+        Row: import("react").ForwardRefExoticComponent<{
+            type?: import("./Row").TableRowType | undefined;
+            mode?: import("./Row").RowMode | undefined;
+            selected?: boolean | undefined;
+            hoverable?: boolean | undefined;
+        } & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
+        Cell: import("react").ForwardRefExoticComponent<import("./Cell").TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+        SortCell: import("react").ForwardRefExoticComponent<{
+            isSorted?: boolean | undefined;
+            sortOrder?: SortOrder | undefined;
+            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        } & Omit<import("./Cell").TableCellProps, "type"> & import("react").RefAttributes<HTMLTableCellElement>>;
+    };
     argTypes: {
         stickyHeader: {
             control: {

package/dist/cjs/components/Table/index.d.ts

@@ -1,8 +1,20 @@
-export * from './Table';
-export * from './Body';
-export * from './Head';
-export * from './Row';
-export * from './Cell';
-export * from './SortCell';
-export * from './Foot';
-export * from './TableWrapper';
+import { Table as BaseTable, TableProps, TableDensity } from './Table';
+import { Head, TableHeadProps } from './Head';
+import { Body, TableBodyProps } from './Body';
+import { Foot, TableFootProps } from './Foot';
+import { Row, TableRowProps, TableRowType } from './Row';
+import { Cell, TableCellProps, TableCellLayout, TableCellType } from './Cell';
+import { SortCell, TableSortCellProps, SortOrder } from './SortCell';
+import { TableWrapper } from './TableWrapper';
+declare type TableCompoundProps = typeof BaseTable & {
+    Wrapper: typeof TableWrapper;
+    Head: typeof Head;
+    Body: typeof Body;
+    Foot: typeof Foot;
+    Row: typeof Row;
+    Cell: typeof Cell;
+    SortCell: typeof SortCell;
+};
+declare const Table: TableCompoundProps;
+export { Table };
+export type { TableCellProps, TableDensity, TableProps, TableRowProps, TableRowType, TableHeadProps, TableBodyProps, TableFootProps, TableSortCellProps, SortOrder, TableCellLayout, TableCellType, };

package/dist/cjs/helpers/styling/index.d.ts

@@ -6,3 +6,4 @@ export * from './focus';
 export * from './danger';
 export * from './hideInput';
 export * from './selection';
+export * from './normalize';

package/dist/cjs/helpers/styling/normalize.d.ts

@@ -0,0 +1,5 @@
+import { Property } from 'csstype';
+export declare const normalizeButton: {
+    margin: number;
+    textTransform: Property.TextTransform;
+};

package/dist/cjs/icons/tsx/barChart.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function BarChartIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/barChartBoxed.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function BarChartBoxedIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/index.d.ts

@@ -126,3 +126,9 @@ export * from './visibilityOn';
 export * from './warning';
 export * from './zoomIn';
 export * from './zoomOut';
+export * from './barChart';
+export * from './barChartBoxed';
+export * from './lineChart';
+export * from './trendingUp';
+export * from './trendingDown';
+export * from './libraryAdd';

package/dist/cjs/icons/tsx/libraryAdd.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function LibraryAddIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/lineChart.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils/propTypes';
+export declare function LineChartIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/trendingDown.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils';
+export declare function TrendingDownIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/tsx/trendingUp.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from '../utils';
+export declare function TrendingUpIcon(props: SvgProps): JSX.Element;

package/dist/cjs/icons/utils/StyledSvg.d.ts

@@ -1 +1,4 @@
-export declare const StyledSvg: import("styled-components").StyledComponent<"svg", any, {}, never>;
+import { SVGAttributes } from 'react';
+declare type StyledSvgProps = SVGAttributes<SVGSVGElement>;
+export declare const StyledSvg: import("styled-components").StyledComponent<"svg", any, StyledSvgProps, never>;
+export {};

package/dist/cjs/icons/utils/SvgWrapper.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from './propTypes';
+export declare function SvgWrapper(props: SvgProps): JSX.Element;