@reapit/elements 2.3.0 → 2.4.0

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

@@ -1,23 +1,20 @@
 /// <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 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 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 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;
 }>;
@@ -51,3 +48,9 @@ export declare const ElTableExpandableRow: import("@linaria/core").StyledMeta &
 export declare const ElTableExpandableContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
+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 ElTableSortHeader: 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

@@ -23,12 +23,16 @@ export interface TableRowContainerProps extends HTMLAttributes<HTMLDivElement> {
 export interface TableCtaTriggerCellProps extends HTMLAttributes<HTMLDivElement> {
     icon?: IconNames;
 }
+export interface TableSortHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    direction: 'up' | 'down';
+}
 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>;
 export declare const TableExpandableRow: FC<TableExpandableRowProps>;
 export declare const TableRowContainer: FC<TableRowContainerProps>;
+export declare const TableSortHeader: FC<TableSortHeaderProps>;

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

@@ -9,7 +9,9 @@ export declare type NarrowOptionsType = {
 };
 export interface CellProps {
     label: string;
-    value: string;
+    labelChild?: ReactNode;
+    onLabelClick?: (event: React.MouseEvent) => void;
+    value: ReactNode;
     children?: ReactNode;
     icon?: IconNames;
     className?: string;

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/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,13 @@
 /// <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 elHasSectionMargin: import("@linaria/core").LinariaClassName;
+export declare const elHasDisabledText: import("@linaria/core").LinariaClassName;
+export declare const elHasCapitalisedText: 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/components/typography/typography.d.ts

@@ -2,10 +2,13 @@ import { FC, HTMLAttributes } from 'react';
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasGreyText?: boolean;
     hasNoMargin?: boolean;
+    hasSectionMargin?: boolean;
     hasBoldText?: boolean;
     hasItalicText?: boolean;
     hasCenteredText?: boolean;
     hasRegularText?: boolean;
+    hasDisabledText?: boolean;
+    hasCapitalisedText?: boolean;
 }
 export declare const Title: FC<TypographyProps>;
 export declare const Subtitle: FC<TypographyProps>;

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;

package/v3/hooks/use-theme/index.d.ts

@@ -0,0 +1,16 @@
+export interface UseThemeInterface {
+    toggleTheme: (theme: string) => void;
+    currentTheme: string;
+}
+export declare const THEME_BODY_CLASS = "reapit-theme";
+export declare const THEME_LOCAL_STOREAGE_KEY: string;
+/**
+ *
+ * window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+ *   const newColorScheme = event.matches ? "dark" : "light";
+ * })
+ *
+ */
+export declare const useTheme: ({ initialSelection }: {
+    initialSelection?: string | undefined;
+}) => UseThemeInterface;