@reapit/elements 2.3.0 → 2.3.1

package/v3/components/searchable-dropdown/searchable-dropdown.d.ts

@@ -5,6 +5,7 @@ export interface SearchableDropdownProps<T> extends React.InputHTMLAttributes<HT
     getResultValue: (result: T) => string;
     getResultLabel: (result: T) => string;
     icon?: IconNames;
+    defaultVal?: T;
 }
 export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAttributes<HTMLInputElement> {
     isResultsListVisible: boolean;
@@ -22,11 +23,11 @@ export interface ControlledSearchableDropdownProps<T> extends React.InputHTMLAtt
     onClear: () => void;
     icon?: IconNames;
 }
-export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownControlledInner: <T extends unknown>({ isResultsListVisible, icon, loading, resultsList, onResultClick, onClear, isClearVisible, value, selectedValue, id, ...inputProps }: ControlledSearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const ControlledSearchableDropdown: <T>(props: ControlledSearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownControlledInner>;
-export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
+export declare const SearchableDropdownInner: <T extends unknown>({ getResults, icon, getResultValue, getResultLabel, onChange, defaultVal, id, ...inputProps }: SearchableDropdownProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => JSX.Element;
 export declare const SearchableDropdown: <T>(props: SearchableDropdownProps<T> & {
     ref?: React.ForwardedRef<HTMLInputElement> | undefined;
 }) => ReturnType<typeof SearchableDropdownInner>;

package/v3/components/snack/__styles__/index.d.ts

@@ -2,5 +2,5 @@
 export declare const ElSnack: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elSnackIcon: string;
-export declare const elSnackCloseIcon: string;
+export declare const elSnackIcon: import("@linaria/core").LinariaClassName;
+export declare const elSnackCloseIcon: import("@linaria/core").LinariaClassName;

package/v3/components/snack/use-snack-hook.stories.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const UseSnackHookStory: () => JSX.Element;

package/v3/components/status-indicator/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elShapeTag: string;
+export declare const elShapeTag: import("@linaria/core").LinariaClassName;
 export declare const ElStatusIndicator: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/table/__styles__/index.d.ts

@@ -1,23 +1,23 @@
 /// <reference types="react" />
 export declare const isNarrow = "@media only screen and (max-width: 1024px)";
-export declare const ElTableCellNarrowOrder1: string;
-export declare const ElTableCellNarrowOrder2: string;
-export declare const ElTableCellNarrowOrder3: string;
-export declare const ElTableCellNarrowOrder4: string;
-export declare const ElTableCellNarrowOrder5: string;
-export declare const ElTableCellNarrowOrder6: string;
-export declare const ElTableCellNarrowOrder7: string;
-export declare const ElTableCellNarrowOrder8: string;
-export declare const ElTableCellNarrowOrder9: string;
-export declare const ElTableCellNarrowOrder10: string;
-export declare const ElTableCellNarrowOrder11: string;
-export declare const ElTableCellNarrowOrder12: string;
+export declare const ElTableCellNarrowOrder1: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder2: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder3: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder4: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder5: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder6: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder7: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder8: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder9: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder10: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder11: import("@linaria/core").LinariaClassName;
+export declare const ElTableCellNarrowOrder12: import("@linaria/core").LinariaClassName;
 export declare const ElTable: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elTableNarrowCellIsFullWidth: string;
-export declare const elTableCellHasDarkText: string;
-export declare const elTableRowFocused: string;
+export declare const elTableNarrowCellIsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elTableCellHasDarkText: import("@linaria/core").LinariaClassName;
+export declare const elTableRowFocused: import("@linaria/core").LinariaClassName;
 export declare const ElTableHeadersRow: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/table/molecules.d.ts

@@ -24,9 +24,9 @@ export interface TableCtaTriggerCellProps extends HTMLAttributes<HTMLDivElement>
     icon?: IconNames;
 }
 export declare const resolveNarrowOrderClass: (order: number) => string | undefined;
-export declare const TableHeadersRow: FC;
+export declare const TableHeadersRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
-export declare const TableRow: FC;
+export declare const TableRow: FC<HTMLAttributes<HTMLDivElement>>;
 export declare const TableCell: FC<TableCellProps>;
 export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTriggerCellProps>;
 export declare const TableCtaTriggerCell: FC<TableCtaTriggerCellProps>;

package/v3/components/tabs/__styles__/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const elTabsItem: string;
-export declare const elTabsFullWidth: string;
+export declare const elTabsItem: import("@linaria/core").LinariaClassName;
+export declare const elTabsFullWidth: import("@linaria/core").LinariaClassName;
 export declare const ElTabs: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/toggle/__styles__/index.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-export declare const elHasGreyBg: string;
+export declare const elHasGreyBg: import("@linaria/core").LinariaClassName;
 export declare const ElToggleItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
 export declare const ElToggleRadioItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elToggleFullWidth: string;
+export declare const elToggleFullWidth: import("@linaria/core").LinariaClassName;
 export declare const ElToggleCheckbox: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/tool-tip/__styles__/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ElToolTipChild: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const elToolTipActive: import("@linaria/core").LinariaClassName;
+export declare const ElToolTipContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/tool-tip/__tests__/tool-tip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/v3/components/tool-tip/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ToolTipChildProps {
+    active?: boolean;
+}
+export declare const ToolTip: React.FC<{
+    tip: string;
+}>;
+export declare const ToolTipChild: React.FC<ToolTipChildProps>;
+export {};

package/v3/components/tool-tip/tool-tip-story-component.d.ts

@@ -0,0 +1 @@
+export declare const ToolTipStoryComponent: () => JSX.Element;

package/v3/components/typography/__styles__/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const elHasGreyText: string;
-export declare const elHasNoMargin: string;
-export declare const elHasRegularText: string;
-export declare const elHasBoldText: string;
-export declare const elHasItalicText: string;
-export declare const elHasCenteredText: string;
+export declare const elHasGreyText: import("@linaria/core").LinariaClassName;
+export declare const elHasNoMargin: import("@linaria/core").LinariaClassName;
+export declare const elHasRegularText: import("@linaria/core").LinariaClassName;
+export declare const elHasBoldText: import("@linaria/core").LinariaClassName;
+export declare const elHasItalicText: import("@linaria/core").LinariaClassName;
+export declare const elHasCenteredText: import("@linaria/core").LinariaClassName;
 export declare const ElTitle: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/hooks/use-media-query/media.stories.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const MediaMobileExample: () => JSX.Element;
 export declare const AllBreakPointExample: () => JSX.Element | undefined;