@reapit/elements 3.7.4 → 3.7.8

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

@@ -111,4 +111,19 @@ export declare const iconSet: {
     myAppsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     webhooksInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
     selectInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    devicesInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    doorLockInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedAltInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    feedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    globeInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    htmlInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoKeyInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    logoSettingsInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    refreshInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    reportingInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    serverInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userDeviceInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userHouseInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
+    userAuthInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
 };

package/dist/cjs/components/icon/icons/infographic-icons/devicesInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/doorLockInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/feedAltInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/feedInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/globeInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/htmlInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/logoKeyInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/logoSettingsInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/refreshInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/reportingInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/serverInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/userAuthInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/userDeviceInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/userHouseInfographic.d.ts

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

package/dist/cjs/components/icon/icons/infographic-icons/userInfographic.d.ts

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

package/dist/cjs/components/multi-select/__styles__/index.d.ts

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

package/dist/cjs/components/nav/__styles__/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const elNavIsDesktop: string;
+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;
 }>;
@@ -9,13 +9,13 @@ export declare const ElNavSubContainer: import("@linaria/core").StyledMeta & imp
 export declare const ElNavItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavItemActive: string;
-export declare const elNavItemExpanded: string;
-export declare const elNavItemHideDesktop: string;
-export declare const elNavItemIcon: string;
+export declare const elNavItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavItemHideDesktop: import("@linaria/core").LinariaClassName;
+export declare const elNavItemIcon: import("@linaria/core").LinariaClassName;
 export declare const ElNavSubItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elNavSubItemExpanded: string;
-export declare const elNavSubItemActive: string;
-export declare const elNavItemSecondary: string;
+export declare const elNavSubItemExpanded: import("@linaria/core").LinariaClassName;
+export declare const elNavSubItemActive: import("@linaria/core").LinariaClassName;
+export declare const elNavItemSecondary: import("@linaria/core").LinariaClassName;

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

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

package/dist/cjs/components/pagination/__styles__/index.d.ts

@@ -8,4 +8,4 @@ export declare const ElPaginationText: import("@linaria/core").StyledMeta & impo
 export declare const ElPaginationButton: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elPaginationPrimary: string;
+export declare const elPaginationPrimary: import("@linaria/core").LinariaClassName;

package/dist/cjs/components/persistant-notification/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elPnIsFullWidth: string;
-export declare const elPnIsFixed: string;
-export declare const elPnIsInline: string;
-export declare const elPnIcon: string;
-export declare const elPnContent: string;
+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/cjs/components/progress-bar/__styles__/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export declare const elProgressBarItemDarkBlue: string;
-export declare const elProgressBarItemMediumBlue: string;
-export declare const elProgressBarItemLightBlue: string;
-export declare const elProgressBarItemLightestBlue: string;
-export declare const elProgressBarItemOrange: string;
+export declare const elProgressBarItemDarkBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemMediumBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemLightestBlue: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarItemOrange: import("@linaria/core").LinariaClassName;
 export declare const ElProgressBarContainer: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
@@ -16,5 +16,5 @@ export declare const ElProgressBarInner: import("@linaria/core").StyledMeta & im
 export declare const ElProgressBarItem: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: import("react").ElementType<any> | undefined;
 }>;
-export declare const elProgressBarLabelRight: string;
-export declare const elProgressBarLabelLeft: string;
+export declare const elProgressBarLabelRight: import("@linaria/core").LinariaClassName;
+export declare const elProgressBarLabelLeft: import("@linaria/core").LinariaClassName;

package/dist/cjs/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/dist/cjs/components/snack/use-snack-hook.stories.d.ts

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

package/dist/cjs/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/dist/cjs/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/dist/cjs/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/dist/cjs/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/dist/cjs/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/dist/cjs/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;