@reapit/elements 3.8.6 → 3.9.0

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/nav/__styles__/index.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;
 export declare const ElNavContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -19,3 +18,4 @@ export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("
 export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
 export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
 export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;
+export declare const elNavIsDesktop: import("@linaria/core").LinariaClassName;

package/dist/esm/components/nav/use-nav.stories.d.ts

@@ -1,2 +1,3 @@
+export declare const customTheme: import("@linaria/core").LinariaClassName;
 export declare const UseNavStory: () => JSX.Element;
 export declare const UseNavMobileSubMenuStory: () => JSX.Element;

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/typography/__styles__/index.d.ts

@@ -7,6 +7,7 @@ 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/dist/esm/components/typography/typography.d.ts

@@ -8,6 +8,7 @@ export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     hasCenteredText?: boolean;
     hasRegularText?: boolean;
     hasDisabledText?: boolean;
+    hasCapitalisedText?: boolean;
 }
 export declare const Title: FC<TypographyProps>;
 export declare const Subtitle: FC<TypographyProps>;

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';