@reapit/elements 3.8.4 → 3.8.7

package/dist/esm/components/card/card-components.d.ts

@@ -1,9 +1,9 @@
-import { Dispatch, FC, HTMLAttributes, SetStateAction, MouseEvent } from 'react';
+import { Dispatch, FC, HTMLAttributes, SetStateAction, MouseEvent, ReactNode } from 'react';
 import { IconNames } from '../icon';
 import { Intent } from '../../helpers/intent';
 export interface CardListItemProps {
-    listCardItemHeading?: string;
-    listCardItemSubHeading?: string;
+    listCardItemHeading?: ReactNode;
+    listCardItemSubHeading?: ReactNode;
     listCardItemIcon?: IconNames;
     onClick?: () => void;
 }
@@ -17,15 +17,15 @@ export interface CardContextMenuProps extends HTMLAttributes<HTMLDivElement> {
 }
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     hasMainCard?: boolean;
-    mainCardHeading?: string;
-    mainCardSubHeading?: string;
-    mainCardSubHeadingAdditional?: string;
-    mainCardBody?: string;
-    mainCardImgUrl?: string;
+    mainCardHeading?: ReactNode;
+    mainCardSubHeading?: ReactNode;
+    mainCardSubHeadingAdditional?: ReactNode;
+    mainCardBody?: ReactNode;
+    mainCardImgUrl?: ReactNode;
     mainContextMenuItems?: ContextMenuItem[];
     hasListCard?: boolean;
-    listCardHeading?: string;
-    listCardSubHeading?: string;
+    listCardHeading?: ReactNode;
+    listCardSubHeading?: ReactNode;
     listCardItems?: CardListItemProps[];
     listContextMenuItems?: ContextMenuItem[];
     isSelected?: boolean;

package/dist/esm/components/icon/icons/index.d.ts

@@ -143,4 +143,14 @@ export declare const iconSet: {
     bulletListSystem: import("react").MemoExoticComponent<() => JSX.Element>;
     dollarSystem: import("react").MemoExoticComponent<() => JSX.Element>;
     euroSystem: import("react").MemoExoticComponent<() => JSX.Element>;
+    appCategoryInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    appTypeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    developerAppsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    codeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    listInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    mailInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    phoneInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    shieldInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    webInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    supportMenu: import("react").MemoExoticComponent<() => JSX.Element>;
 };

package/dist/esm/components/icon/icons/infographic-icons/appCategoryInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/appTypeInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/codeInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/developerAppsInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/listInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/mailInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/phoneInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/shieldInfographic.d.ts

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

package/dist/esm/components/icon/icons/infographic-icons/webInfographic.d.ts

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

package/dist/esm/components/icon/icons/menu-icons/supportMenu.d.ts

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

package/dist/esm/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/dist/esm/components/persistent-notification/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elPersistentNotificationIsFullWidth: import("@linaria/core").LinariaClassName;
-export declare const elPersistentNotificationIsFixed: import("@linaria/core").LinariaClassName;
-export declare const elPersistentNotificationIsInline: import("@linaria/core").LinariaClassName;
-export declare const elPersistentNotificationIcon: import("@linaria/core").LinariaClassName;
-export declare const elPersistentNotificationContent: import("@linaria/core").LinariaClassName;
+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/dist/esm/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/dist/esm/components/placeholder-image/__tests__/index.d.ts

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

package/dist/esm/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/dist/esm/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/dist/esm/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/dist/esm/components/placeholder-image/index.d.ts

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

package/dist/esm/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/dist/esm/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,6 @@ 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;
+}>;

package/dist/esm/hooks/use-theme/index.d.ts

@@ -4,6 +4,13 @@ export interface UseThemeInterface {
 }
 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;

package/dist/esm/index.d.ts

@@ -39,6 +39,7 @@ export * from './components/form-layout';
 export * from './components/tool-tip';
 export * from './components/input-error';
 export * from './components/file-input';
+export * from './components/placeholder-image';
 export * from './hooks/use-portal';
 export * from './hooks/use-snack';
 export * from './hooks/use-modal';