@orfium/ictinus 5.5.0 → 5.5.1

package/dist/src/components/TruncatedContent/TruncatedContent.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    title: string;
+    component: import('react').FCC<import('./TruncatedContent').TruncatedContentProps>;
+};
+export default _default;
+export declare const RegularTextWithTruncationAndTooltip: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const RegularTableWithCellTooltips: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/TruncatedContent/TruncatedContent.style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const TruncationDiv: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/components/TruncatedContent/TruncatedContent.test.d.ts

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

package/dist/src/components/TruncatedContent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TruncatedContent';
+export * from './TruncatedContent';

package/dist/src/components/Typography/Typography.config.styles.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from 'theme';
+import { FontSpacing } from '../../theme/tokens/semantic/typography';
+
+export declare const headline01: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const headline02: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const headline03: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const headline04: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const headline05: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const title01: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const title02: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const title03: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const label01: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const label02: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const label03: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const label04: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const body01: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const body02: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const body03: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;
+export declare const body04: (theme: Theme, fontSpacing?: FontSpacing) => import('@emotion/utils').SerializedStyles;

package/dist/src/components/Typography/Typography.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { FontSpacing } from '../../theme/tokens/semantic/typography';
+
+export type TypographyVariant = 'headline01' | 'headline02' | 'headline03' | 'headline04' | 'headline05' | 'title01' | 'title02' | 'title03' | 'label01' | 'label02' | 'label03' | 'label04' | 'body01' | 'body02' | 'body03' | 'body04';
+export type TypographyComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
+export type TextColorTypes = 'primary' | 'secondary' | 'error' | 'active' | 'visited';
+export type TypographyProps = {
+    /** Type of the Typography that will affect the color of the text */
+    type?: TextColorTypes;
+    /** The variant of the Typography is the style of the text (font size, weight, line height, etc) */
+    variant?: TypographyVariant;
+    /** The Font Spacing used in the selection of the font family */
+    fontSpacing?: FontSpacing;
+    /** How you want to represent it, eg div, span or other @defaults p */
+    component?: TypographyComponent;
+    /** A boolean definition of the inverted case */
+    isInverted?: boolean;
+    /** A boolean definition to apply italic text */
+    isItalic?: boolean;
+    /** A boolean definition to apply bold text */
+    isBold?: boolean;
+    /** A boolean definition to apply underlined text */
+    isUnderline?: boolean;
+    children?: React.ReactNode;
+    id?: string;
+};
+export declare const detectComponentBasedOnType: (variant: TypographyVariant) => TypographyComponent;
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Typography;

package/dist/src/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Typography').TypographyProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Variants: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const FontSpacingVariations: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TypesDefault: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TypesInverted: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ExtraStyle: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const AsSpecificElement: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/Typography/Typography.style.d.ts

@@ -0,0 +1,14 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { FontSpacing } from '../../theme/tokens/semantic/typography';
+import { TypographyVariant, TextColorTypes } from './Typography';
+
+export declare const typographyWrapper: ({ variant, isInverted, fontSpacing, isItalic, isBold, isUnderline, type, }: {
+    variant: TypographyVariant;
+    fontSpacing: FontSpacing;
+    isInverted?: boolean;
+    isItalic?: boolean;
+    isBold?: boolean;
+    isUnderline?: boolean;
+    type: TextColorTypes;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Typography';
+export * from './Typography';

package/dist/src/components/Typography/utils.d.ts

@@ -0,0 +1,4 @@
+import { TypographyObject } from '../../theme/tokens/semantic/typography';
+
+/** Generates a css object with the values included in the value object */
+export declare const generateStylesFromTokens: (value: TypographyObject) => import('@emotion/react').SerializedStyles;

package/dist/src/components/storyUtils/BarChartShowCase/BarChartShowCase.d.ts

@@ -0,0 +1,5 @@
+declare const BarChartShowCase: ({ width, height, }: {
+    width?: string | number;
+    height?: string | number;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BarChartShowCase;

package/dist/src/components/storyUtils/BarChartShowCase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BarChartShowCase';

package/dist/src/components/storyUtils/BreadcrumbShowcase/BreadcrumbShowcase.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { BreadcrumbItem } from '../../Breadcrumb/Breadcrumb.types';
+
+interface Props {
+    initData: BreadcrumbItem[];
+}
+declare const BreadcrumbShowcase: React.FCC<Props>;
+export default BreadcrumbShowcase;

package/dist/src/components/storyUtils/BreadcrumbShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BreadcrumbShowcase';

package/dist/src/components/storyUtils/Breakpoints/Breakpoints.d.ts

@@ -0,0 +1,2 @@
+declare const Breakpoints: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Breakpoints;

package/dist/src/components/storyUtils/Breakpoints/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Breakpoints';

package/dist/src/components/storyUtils/ButtonShowcases/ButtonShowcase.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ButtonProps } from '../../Button';
+
+declare const ButtonShowcase: React.FCC<ButtonProps & {
+    hasAvatar: boolean;
+    buttonLabel: string;
+}>;
+export default ButtonShowcase;

package/dist/src/components/storyUtils/ButtonShowcases/LoadingButtonShowcase.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const LoadingButtonShowcase: React.FCC;
+export default LoadingButtonShowcase;

package/dist/src/components/storyUtils/ButtonShowcases/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LoadingButtonShowcase } from './LoadingButtonShowcase';
+export { default as ButtonShowcase } from './ButtonShowcase';

package/dist/src/components/storyUtils/CardShowcase/CardShowcase.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Elevation } from '../../../theme/globals/elevation';
+import { SpacingKey } from '../../../theme/globals/spacing';
+
+type CardShowcaseProps = {
+    elevated?: keyof Elevation;
+    isTransparent?: boolean;
+    radius?: SpacingKey;
+};
+declare const CardShowcase: React.FCC<CardShowcaseProps>;
+export default CardShowcase;

package/dist/src/components/storyUtils/CardShowcase/CardShowcase.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const showcaseContainerStyle: (theme: Theme) => SerializedStyles;

package/dist/src/components/storyUtils/CardShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardShowcase';

package/dist/src/components/storyUtils/ColorUtility/ColorBox.d.ts

@@ -0,0 +1,10 @@
+import { FCC, default as React } from 'react';
+
+interface ColorBoxProps {
+    color: string;
+    utilityValue: number;
+    updateValue: React.Dispatch<React.SetStateAction<number>>;
+    colorStatus: 'darken' | 'lighten';
+}
+declare const ColorBox: FCC<ColorBoxProps>;
+export default ColorBox;

package/dist/src/components/storyUtils/ColorUtility/ColorUtility.d.ts

@@ -0,0 +1,4 @@
+declare const ColorUtility: ({ defaultColor }: {
+    defaultColor?: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ColorUtility;

package/dist/src/components/storyUtils/ColorUtility/ColorUtility.style.d.ts

@@ -0,0 +1,4 @@
+export declare const container: import('@emotion/react').SerializedStyles;
+export declare const inputWrapper: import('@emotion/react').SerializedStyles;
+export declare const colorWrapper: (color: string) => import('@emotion/react').SerializedStyles;
+export declare const contentWrapper: import('@emotion/react').SerializedStyles;

package/dist/src/components/storyUtils/ColorUtility/RangeInput.d.ts

@@ -0,0 +1,8 @@
+import { FCC } from 'react';
+
+interface RangeInputProps {
+    onChange: (amount: number) => void;
+    value: number;
+}
+declare const RangeInput: FCC<RangeInputProps>;
+export default RangeInput;

package/dist/src/components/storyUtils/ColorUtility/useColors.d.ts

@@ -0,0 +1,17 @@
+import { ChangeEvent } from 'react';
+
+export declare const useColors: (defaultColor?: string) => {
+    colorInput: string;
+    color: {
+        normal: string;
+        darken: string;
+        lighten: string;
+    };
+    utilityValues: {
+        lighten: number;
+        darken: number;
+    };
+    updateColor: (event: ChangeEvent<HTMLInputElement>) => void;
+    setLightenValue: import('react').Dispatch<import('react').SetStateAction<number>>;
+    setDarkenValue: import('react').Dispatch<import('react').SetStateAction<number>>;
+};

package/dist/src/components/storyUtils/ColorUtility/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function validateColor(colorInput: string): boolean;
+export declare function getPercentage(value: number): string;

package/dist/src/components/storyUtils/DonutChartShowCase/DonutChartShowCase.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+type DonutChartShowCaseProps = {
+    chartValue?: string | number;
+    chartUnits?: string;
+};
+declare const DonutChartShowCase: React.FCC<DonutChartShowCaseProps>;
+export default DonutChartShowCase;

package/dist/src/components/storyUtils/DonutChartShowCase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DonutChartShowCase';

package/dist/src/components/storyUtils/EdgeCasesSelectShowcase/EdgeCasesSelectShowcase.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const EdgeCasesSelectShowcase: React.FCC;
+export default EdgeCasesSelectShowcase;

package/dist/src/components/storyUtils/EdgeCasesSelectShowcase/EdgeCasesSelectShowcase.style.d.ts

@@ -0,0 +1,3 @@
+import { SerializedStyles } from '@emotion/react';
+
+export declare const showcaseContainer: () => SerializedStyles;

package/dist/src/components/storyUtils/EdgeCasesSelectShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EdgeCasesSelectShowcase';

package/dist/src/components/storyUtils/IconographyShowcase/IconographyShowcase.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'react';
+
+declare const IconographyShowcase: FCC;
+export default IconographyShowcase;

package/dist/src/components/storyUtils/IconographyShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './IconographyShowcase';

package/dist/src/components/storyUtils/LabelConfigStoryComponents.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { LabelConfig } from '../Controls/Controls.types';
+
+/** This is just a dummy component to be used in Storybook for showing the LabelConfig type on props */
+export declare const LabelConfigStory: React.FC<LabelConfig>;

package/dist/src/components/storyUtils/ModalShowcase/ModalShowcase.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ModalContentProps } from '../../Modal/ModalContent/ModalContent';
+
+type ModalShowcaseProps = {
+    contentProps?: ModalContentProps;
+};
+declare const ModalShowcase: React.FCC<ModalShowcaseProps>;
+export default ModalShowcase;

package/dist/src/components/storyUtils/ModalShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ModalShowcase';

package/dist/src/components/storyUtils/NavigationShowcase/MenuItems.d.ts

@@ -0,0 +1,3 @@
+import { NavigationMenuItem } from '../../Navigation';
+
+export declare const menuItems: NavigationMenuItem[];

package/dist/src/components/storyUtils/NavigationShowcase/NavigationShowcase.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface Props {
+    renderHeader?: () => React.ReactNode;
+}
+declare const NavigationShowcase: React.FCC<Props>;
+export default NavigationShowcase;

package/dist/src/components/storyUtils/NavigationShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './NavigationShowcase';

package/dist/src/components/storyUtils/NotificationShowcase/NotificationShowcase.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, default as React } from 'react';
+import { NotificationsContainerPositions } from '../../Notification/NotificationsContainer';
+
+declare const NotificationShowcase: React.FCC<{
+    id?: string;
+}>;
+export declare const NotificationContainerWithinDOMElement: (props: {
+    children: ReactNode;
+    id: string;
+    position: NotificationsContainerPositions;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NotificationShowcase;

package/dist/src/components/storyUtils/NotificationShowcase/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './NotificationShowcase';
+export * from './NotificationShowcase';

package/dist/src/components/storyUtils/PaletteShowcase/PaletteShowcase.d.ts

@@ -0,0 +1,2 @@
+declare const PaletteShowcase: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default PaletteShowcase;

package/dist/src/components/storyUtils/PaletteShowcase/PaletteShowcase.style.d.ts

@@ -0,0 +1,18 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../../theme';
+import { colorShades, flatColors } from '../../../theme/palette';
+
+export declare const paletteWrapper: SerializedStyles;
+export declare const paletteColorWrapper: SerializedStyles;
+export declare const colorNameBox: (theme: Theme, color: string, colorName?: (typeof flatColors)[number], shade?: (typeof colorShades)[number]) => SerializedStyles;
+export declare const colorBoxWrapper: SerializedStyles;
+type ColorBoxProps = {
+    theme: Theme;
+    color: string;
+    colorName?: (typeof flatColors)[number];
+    shade?: (typeof colorShades)[number];
+    isSelectedColor: boolean;
+    isHoverable?: boolean;
+};
+export declare const colorBox: ({ theme, color, colorName, shade, isSelectedColor, isHoverable, }: ColorBoxProps) => SerializedStyles;
+export {};

package/dist/src/components/storyUtils/PaletteShowcase/PaletteShowcase.test.d.ts

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

package/dist/src/components/storyUtils/PaletteShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PaletteShowcase';

package/dist/src/components/storyUtils/PresentComponent/PresentComponent.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type PresentComponentProps = {
+    name: string;
+    width?: string | number;
+    isVertical?: boolean;
+};
+declare const PresentComponent: React.FCC<PresentComponentProps>;
+export default PresentComponent;

package/dist/src/components/storyUtils/PresentComponent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PresentComponent';

package/dist/src/components/storyUtils/SelectShowcase/MultiSelectShowcase.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SelectProps } from '../../Select';
+
+export declare const dummyUndefinedData: {
+    value: number;
+    label: string;
+}[];
+declare const SelectShowcase: React.FCC<Pick<SelectProps, 'isDisabled' | 'hasSelectAllOption' | 'isCreatable' | 'status'>>;
+export default SelectShowcase;

package/dist/src/components/storyUtils/SelectShowcase/MultiSelectShowcase.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from '../../../theme';
+
+export declare const container: () => (theme: Theme) => SerializedStyles;
+export declare const wrapper: () => SerializedStyles;

package/dist/src/components/storyUtils/SelectShowcase/SelectShowcase.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export declare const dummyUnrefinedData: {
+    value: number;
+    label: string;
+}[];
+type SelectShowcaseProps = {
+    minCharactersToSearch?: number;
+};
+declare const SelectShowcase: React.FCC<SelectShowcaseProps>;
+export default SelectShowcase;

package/dist/src/components/storyUtils/SelectShowcase/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SelectShowcase } from './SelectShowcase';
+export { default as MultiSelectShowcase } from './MultiSelectShowcase';

package/dist/src/components/storyUtils/SliderShowcase/SliderShowcase.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface Props {
+    isSelector?: boolean;
+    isDisabled: boolean;
+    hasIncrements?: boolean;
+    onChange?: (values: number[]) => void;
+}
+declare const SliderShowcase: React.FCC<Props>;
+export default SliderShowcase;

package/dist/src/components/storyUtils/SliderShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SliderShowcase';

package/dist/src/components/storyUtils/Stack/Stack.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+type StackProps = {
+    isVertical?: boolean;
+    isInverted?: boolean;
+    height?: number;
+    width?: number;
+};
+declare const Stack: React.FCC<StackProps>;
+export default Stack;

package/dist/src/components/storyUtils/Stack/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Stack';

package/dist/src/components/storyUtils/TableFilterShowcase/TableFilterShowcase.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const TableFilterShowcase: React.FCC;
+export default TableFilterShowcase;

package/dist/src/components/storyUtils/TableFilterShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableFilterShowcase';

package/dist/src/components/storyUtils/TextFieldShowcases/MultiTextFieldShowcase.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+type Props = {
+    values?: string[];
+};
+declare const MultiTextFieldShowcase: FC<Props>;
+export default MultiTextFieldShowcase;

package/dist/src/components/storyUtils/TextFieldShowcases/TextFieldShowCase.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TextInputBaseProps } from '../../TextInputBase';
+
+type Props = {
+    mask?: string;
+} & Partial<Pick<TextInputBaseProps, 'placeholder' | 'label' | 'status' | 'isRequired' | 'isDisabled' | 'suffix' | 'size'>>;
+declare const TextFieldShowCase: FC<Props>;
+export default TextFieldShowCase;

package/dist/src/components/storyUtils/TextFieldShowcases/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MultiTextFieldShowcase } from './MultiTextFieldShowcase';
+export { default as TextFieldShowCase } from './TextFieldShowCase';

package/dist/src/components/storyUtils/ThemeWrapper/ThemeWrapper.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const ThemeWrapper: React.FCC;
+export default ThemeWrapper;

package/dist/src/components/storyUtils/ThemeWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ThemeWrapper';

package/dist/src/components/storyUtils/TooltipShowcase/TooltipShowcase.d.ts

@@ -0,0 +1,6 @@
+import { TooltipProps } from '../../Tooltip/Tooltip.types';
+
+declare const TooltipShowcase: ({ buttonText, isInverted, delayIn, delayOut, placement, }: Pick<TooltipProps, 'isInverted' | 'delayIn' | 'delayOut' | 'placement'> & {
+    buttonText?: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TooltipShowcase;

package/dist/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    isInverted?: boolean;
+};
+declare const TooltipContent: React.FCC<Props>;
+export default TooltipContent;

package/dist/src/components/storyUtils/TooltipShowcase/components/TooltipContent/TooltipContent.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const illustrationStyles: (isInverted?: boolean) => (theme: Theme) => SerializedStyles;
+export declare const containerStyles: (isInverted?: boolean) => (theme: Theme) => SerializedStyles;

package/dist/src/components/storyUtils/TooltipShowcase/components/TooltipContent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TooltipContent';

package/dist/src/components/storyUtils/TooltipShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TooltipShowcase';

package/dist/src/components/storyUtils/TopAppBarShowcase.d.ts

@@ -0,0 +1,20 @@
+import { FCC } from 'react';
+import { TopAppBarProps } from '../TopAppBar/TopAppBar.types';
+
+type Props = {
+    hasLogo?: boolean;
+    hasAdditionalTools?: boolean;
+    hasSearchHandler?: boolean;
+} & Partial<TopAppBarProps>;
+export declare const DEFAULT_USER_MENU: {
+    userName: string;
+    onSelect: (selectedItem: string | number) => void;
+    items: string[];
+    userAvatar: {
+        src: string;
+        letter: string;
+    };
+    color: string;
+};
+declare const TopAppBarShowcase: FCC<Props>;
+export default TopAppBarShowcase;

package/dist/src/components/storyUtils/componentsForTypes.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { BreadcrumbItem } from '../Breadcrumb/Breadcrumb.types';
+import { filterConfig } from '../Search';
+import { DateRange, DisabledDates, ExtraOption } from '../DatePicker';
+import { SelectOption } from '../Select';
+
+export declare const DisabledDatesDummyStory: React.FC<DisabledDates>;
+export declare const DateRangeDummyStory: React.FC<DateRange>;
+export declare const ExtraOptionDummyStory: React.FC<ExtraOption>;
+export declare const SelectOptionDummyStory: React.FC<SelectOption>;
+export declare const BreadcrumbItemDummyStory: React.FC<BreadcrumbItem>;
+export declare const SearchFilterConfigDummyStory: React.FC<filterConfig>;

package/dist/src/components/utils/ClickAwayListener/ClickAwayListener.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type HTMLTagsAllowed = 'div' | 'li' | 'span';
+type ClickAwayListenerProps = {
+    onClick: () => void;
+    CustomHtmlTag?: HTMLTagsAllowed;
+    ariaRole?: string;
+    cssStyles?: {
+        [key: string]: unknown;
+    };
+};
+declare const ClickAwayListener: React.FCC<ClickAwayListenerProps>;
+export default ClickAwayListener;

package/dist/src/components/utils/ClickAwayListener/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ClickAwayListener';