@reapit/elements 2.3.1 → 2.4.0

package/v3/components/persistant-notification/__styles__/index.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-export declare const elPnIsFullWidth: import("@linaria/core").LinariaClassName;
-export declare const elPnIsFixed: import("@linaria/core").LinariaClassName;
-export declare const elPnIsInline: import("@linaria/core").LinariaClassName;
-export declare const elPnIcon: import("@linaria/core").LinariaClassName;
-export declare const elPnContent: import("@linaria/core").LinariaClassName;
 export declare const ElPersistantNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;

package/v3/components/persistent-notification/__styles__/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const elPnIsFullWidth: import("@linaria/core").LinariaClassName;
+export declare const elPnIsFixed: import("@linaria/core").LinariaClassName;
+export declare const elPnIsInline: import("@linaria/core").LinariaClassName;
+export declare const elPnIcon: import("@linaria/core").LinariaClassName;
+export declare const elPnContent: import("@linaria/core").LinariaClassName;
+export declare const ElPersistentNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;

package/v3/components/persistent-notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from './__styles__';
+export * from './persistent-notification';

package/v3/components/persistent-notification/persistent-notification.d.ts

@@ -0,0 +1,14 @@
+import { FC, HTMLAttributes } from 'react';
+import { IconNames } from '../icon';
+import { Intent } from '../../helpers/intent';
+export interface PersistentNotificationProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: IconNames;
+    intent?: Intent;
+    className?: string;
+    isExpanded?: boolean;
+    isFullWidth?: boolean;
+    isFixed?: boolean;
+    isInline?: boolean;
+    onExpansionToggle?: (newState: boolean) => void;
+}
+export declare const PersistentNotification: FC<PersistentNotificationProps>;

package/v3/components/placeholder-image/__styles__/index.d.ts

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

package/v3/components/placeholder-image/images/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const placeholderImageSet: {
+    placeholderLarge: import("react").MemoExoticComponent<() => JSX.Element>;
+    placeholderSmall: import("react").MemoExoticComponent<() => JSX.Element>;
+};

package/v3/components/placeholder-image/images/placeholder-images/placeholderLarge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/placeholder-image/images/placeholder-images/placeholderSmall.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/v3/components/placeholder-image/index.d.ts

@@ -0,0 +1,3 @@
+export * from './images';
+export * from './placeholder-image';
+export * from './__styles__';

package/v3/components/placeholder-image/placeholder-image.d.ts

@@ -0,0 +1,9 @@
+import { FC, HTMLAttributes } from 'react';
+import { placeholderImageSet } from './images';
+export declare type PlaceholderNames = keyof typeof placeholderImageSet;
+export interface PlacholderImageProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder: PlaceholderNames;
+    size: number;
+    fillAvailable?: boolean;
+}
+export declare const PlaceholderImage: FC<PlacholderImageProps>;

package/v3/components/progress-bar/progress-bar.d.ts

@@ -1,10 +1,12 @@
 import { Dispatch, FC, HTMLAttributes, SetStateAction } from 'react';
 export interface ProgressBarPercentageProps extends HTMLAttributes<HTMLDivElement> {
     duration: number;
+    showLabel?: boolean;
 }
 export interface ProgressBarStepProps extends HTMLAttributes<HTMLDivElement> {
     numberSteps: number;
     currentStep: number;
+    showLabel?: boolean;
 }
 export interface ProgressBarBaseProps extends HTMLAttributes<HTMLDivElement> {
 }

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

@@ -12,9 +12,6 @@ export declare const ElTableCellNarrowOrder9: import("@linaria/core").LinariaCla
 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: import("@linaria/core").LinariaClassName;
 export declare const elTableCellHasDarkText: import("@linaria/core").LinariaClassName;
 export declare const elTableRowFocused: import("@linaria/core").LinariaClassName;
@@ -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,6 +23,9 @@ 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<HTMLAttributes<HTMLDivElement>>;
 export declare const TableHeader: FC<HTMLAttributes<HTMLDivElement>>;
@@ -32,3 +35,4 @@ export declare const TableExpandableRowTriggerCell: FC<TableExpandableRowTrigger
 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/typography/__styles__/index.d.ts

@@ -5,6 +5,9 @@ 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-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;