@orfium/ictinus 5.5.0 → 5.5.1

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

@@ -0,0 +1,9 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../../theme';
+
+export type MenuPositionAllowed = 'left' | 'right';
+export type MenuOptions = {
+    menuPosition?: MenuPositionAllowed;
+    sx?: CSSObject;
+};
+export declare const optionsStyle: ({ menuPosition, sx }: MenuOptions) => (theme: Theme) => import('@emotion/react').SerializedStyles;

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

@@ -0,0 +1,25 @@
+import { CSSObject } from '@emotion/serialize';
+import { default as React } from 'react';
+
+export type PositionInScreenProps = {
+    id?: string;
+    /** Whether the item to be positioned is visible */
+    isVisible: boolean;
+    /** Configures the container's overflow */
+    isOverflowAllowed?: boolean;
+    /** Whether the item to be positioned uses the parent's wrapper width */
+    hasWrapperWidth?: boolean;
+    /** Additional offset-x */
+    offsetX?: number;
+    /** Additional offset-y */
+    offsetY?: number;
+    /** The parent element */
+    parent: JSX.Element;
+    /** Sx prop to override specific properties */
+    sx?: {
+        container?: CSSObject;
+        itemContainer?: CSSObject;
+    };
+};
+declare const PositionInScreen: React.FCC<PositionInScreenProps>;
+export default PositionInScreen;

package/dist/src/components/utils/PositionInScreen/PositionInScreen.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { CSSObject } from '@emotion/serialize';
+
+export declare const container: (hasOverflow?: boolean, isVisible?: boolean, sx?: {
+    container?: CSSObject;
+    itemContainer?: CSSObject;
+}) => () => SerializedStyles;
+export declare const itemContainer: (clientX: number, clientY: number, width?: number, sx?: {
+    container?: CSSObject;
+    itemContainer?: CSSObject;
+}) => () => SerializedStyles;

package/dist/src/components/utils/PositionInScreen/hooks.d.ts

@@ -0,0 +1,5 @@
+export declare const usePositionInScreen: (parentRef: React.MutableRefObject<any>, itemRef: React.MutableRefObject<any>, offsetX: number, offsetY: number, isVisible?: boolean) => {
+    x: number;
+    y: number;
+};
+export declare const useWrapperWidth: (hasWrapperWidth: boolean, wrapperRef: React.MutableRefObject<any>) => (number | undefined)[];

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

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

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

@@ -0,0 +1 @@
+export declare const resizeObserverHandler: (callback: (args: any) => void) => ResizeObserver;

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

@@ -0,0 +1,12 @@
+import { ChangeEvent } from 'utils/common';
+
+interface Props {
+    event: ChangeEvent;
+    isSearchable: boolean;
+    setSearchValue: (value: string) => void;
+    isAsync: boolean;
+    onChange: (value: string) => void;
+    minCharactersToSearch?: number;
+}
+export declare const handleSearch: ({ event, isSearchable, setSearchValue, isAsync, onChange, minCharactersToSearch, }: Props) => void;
+export default handleSearch;

package/dist/src/hooks/__tests__/useSearchQueryParams.test.d.ts

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

package/dist/src/hooks/index.d.ts

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

package/dist/src/hooks/storyUtils/DemoUseSearchQueryParams.d.ts

@@ -0,0 +1,7 @@
+import { FCC } from 'react';
+import { RouterProps } from 'react-router-dom';
+
+declare const DemoUseSearchQueryParams: FCC<{
+    initialEntries: string;
+} & RouterProps>;
+export default DemoUseSearchQueryParams;

package/dist/src/hooks/useBreakpoints.d.ts

@@ -0,0 +1,4 @@
+export declare const queriesKeys: readonly ["des1920", "des1440", "des1366", "des1200", "tab1024", "tab970", "tab750", "mob480", "mob320"];
+export declare const queriesSizes: Record<(typeof queriesKeys)[number], number>;
+export declare const useBreakpoints: () => Record<"des1920" | "des1440" | "des1366" | "des1200" | "tab1024" | "tab970" | "tab750" | "mob480" | "mob320", boolean>;
+export default useBreakpoints;

package/dist/src/hooks/useBreakpoints.test.d.ts

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

package/dist/src/hooks/useCheck.d.ts

@@ -0,0 +1,7 @@
+import { ChangeEvent } from 'react';
+
+export type OnCheckHandler = (val: boolean, e?: ChangeEvent) => void;
+export declare const useCheck: (isChecked: boolean, onCheck?: OnCheckHandler) => {
+    isCheckedState: boolean;
+    handleCheck: (isChecked: boolean, e: ChangeEvent) => void;
+};

package/dist/src/hooks/useCombinedRefs.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const useCombinedRefs: <T>(...refs: React.Ref<T>[]) => React.RefObject<T>;
+export default useCombinedRefs;

package/dist/src/hooks/useElementSize.d.ts

@@ -0,0 +1,10 @@
+interface Size {
+    width: number;
+    height: number;
+}
+declare function useElementSize<T extends HTMLElement = HTMLDivElement>(): [
+    (node: T | null) => void,
+    Size,
+    T | null
+];
+export default useElementSize;

package/dist/src/hooks/useEscape.d.ts

@@ -0,0 +1,2 @@
+declare const useEscape: (onEscape: () => void) => void;
+export default useEscape;

package/dist/src/hooks/useEventListener.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+
+declare function useEventListener<KW extends keyof WindowEventMap, KH extends keyof HTMLElementEventMap, T extends HTMLElement | void = void>(eventName: KW | KH, handler: (event: WindowEventMap[KW] | HTMLElementEventMap[KH] | Event) => void, element?: RefObject<T>): void;
+export default useEventListener;

package/dist/src/hooks/useFieldUtils.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { TextFieldProps } from '../components/TextField';
+
+/** A custom hook containing all the utils that are shared between field components */
+declare const useFieldUtils: ({ id, suffix, size, status, isDisabled, ref, }: Partial<TextFieldProps> & {
+    ref: React.ForwardedRef<HTMLInputElement>;
+}) => {
+    isLocked: boolean;
+    hintMessageId: string;
+    suffixContent: number | boolean | Iterable<React.ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element;
+    handleContainerClick: () => void;
+    combinedRefs: React.RefObject<HTMLInputElement>;
+};
+export default useFieldUtils;

package/dist/src/hooks/useIsoMorphicLayoutEffect.d.ts

@@ -0,0 +1,4 @@
+import { useEffect } from 'react';
+
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/dist/src/hooks/useKeyboardEvents.d.ts

@@ -0,0 +1,31 @@
+import { KeyboardEvent } from 'react';
+
+export declare const KEYBOARD_EVENT_KEYS: {
+    ArrowUp: string;
+    ArrowDown: string;
+    ArrowRight: string;
+    ArrowLeft: string;
+    Escape: string;
+    Enter: string;
+    Backspace: string;
+    AlphaNumerical: string;
+};
+export type KeyboardArrowHorizontalDirection = 'left' | 'right';
+type Props = {
+    events: {
+        keydown: {
+            onArrowUp?: (e: KeyboardEvent) => void;
+            onArrowDown?: (e: KeyboardEvent) => void;
+            onEscape?: () => void;
+            onEnter?: (e: KeyboardEvent) => void;
+            onAlphaNumerical?: () => void;
+            onBackspace?: (text: string) => void;
+            onArrowMove?: (text: string, direction: KeyboardArrowHorizontalDirection) => void;
+        };
+    };
+    hasPropagation?: boolean;
+};
+declare const useKeyboardEvents: ({ events: { keydown }, hasPropagation }: Props) => {
+    keyboardProps: import('@react-types/shared').DOMAttributes<import('@react-types/shared').FocusableElement>;
+};
+export default useKeyboardEvents;

package/dist/src/hooks/useLoading.d.ts

@@ -0,0 +1,8 @@
+import { MouseEvent } from 'react';
+
+export type ClickEvent = MouseEvent<HTMLButtonElement> | undefined;
+export type ClickHandler = ((setLoading?: (isLoading: boolean) => void, event?: ClickEvent) => void) | undefined;
+export declare const useLoading: (clickHandler: ClickHandler, isLoadingInitialState?: boolean) => {
+    isLoading: boolean;
+    handleAsyncOperation: (event: ClickEvent) => void;
+};

package/dist/src/hooks/useLocationToGetCurrentMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { NavigationMenuItem } from '../components/Navigation/types';
+
+declare const useLocationToGetCurrentMenuItem: (menuItems: NavigationMenuItem[], setOpenMenuItems: React.Dispatch<React.SetStateAction<string[]>>) => [string | undefined];
+export default useLocationToGetCurrentMenuItem;

package/dist/src/hooks/usePagination.d.ts

@@ -0,0 +1,15 @@
+type UsePaginationProps = {
+    page: number;
+    count: number;
+    onChange: (page: number) => void;
+};
+declare const usePagination: ({ page, count, onChange: handleChange }: UsePaginationProps) => {
+    currentPage: number;
+    hasNextPage: boolean;
+    hasPrevPage: boolean;
+    navigateToFirstPage: () => void;
+    navigateToLastPage: () => void;
+    navigateToNextPage: () => void;
+    navigateToPrevPage: () => void;
+};
+export default usePagination;

package/dist/src/hooks/useSearchQueryParams.d.ts

@@ -0,0 +1,2 @@
+declare const useSearchQueryParams: () => Record<string, string>;
+export default useSearchQueryParams;

package/dist/src/hooks/useSearchQueryParams.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    title: string;
+    component: () => boolean;
+    args: {
+        givenUrl: string;
+    };
+};
+export default _default;
+export declare const UseSearchQueryParams: {
+    name: string;
+    parameters: {
+        query: {
+            q: string;
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+        controls: {
+            include: string[];
+        };
+    };
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/dist/src/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+declare const useTheme: () => import('@emotion/react').Theme;
+export default useTheme;

package/dist/src/hooks/useThemeSwitch.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const useThemeSwitch: () => {
+    isDark: boolean;
+    toggle: () => void;
+};
+declare const ThemeSwitchProvider: React.FCC<{
+    [key: string]: unknown;
+}>;
+export { ThemeSwitchProvider, useThemeSwitch };

package/dist/src/hooks/useToggle.d.ts

@@ -0,0 +1,2 @@
+declare const useToggle: (isToggledInitialState?: boolean) => [boolean, () => void];
+export default useToggle;

package/dist/src/hooks/useTypeColorToColorMatch.d.ts

@@ -0,0 +1,17 @@
+import { mainTypes } from '../theme/palette';
+import { ColorShapeFromComponent } from '../utils/themeFunctions';
+import * as React from 'react';
+type ContextProps = {
+    typesShadesColor: TypesShadeAndColors;
+    calculateColorBetweenColorAndType: (color: string, type: (typeof mainTypes)[number]) => ColorShapeFromComponent;
+};
+/**
+ * A hook that on provides two methods `typesShadesColor` and `calculateColorBetweenColorAndType`
+ * typesShadesColor: calculates on init and returns all types like `primary` in shade and color objects
+ * calculateColorBetweenColorAndType: get color and type. If color exists gets it from `calculateActualColorFromComponentProp` if not and only type then it fetches it from the `typesShadesColor`
+ */
+declare const useTypeColorToColorMatch: () => ContextProps;
+export type TypesShadeAndColors = Record<(typeof mainTypes)[number], ColorShapeFromComponent>;
+/** @TODO revisit this provider and remove if obsolete */
+declare const TypeColorToColorMatchProvider: React.FCC;
+export { TypeColorToColorMatchProvider, useTypeColorToColorMatch };

package/dist/src/index.d.ts

@@ -0,0 +1,119 @@
+import { rem } from 'polished';
+import { queriesSizes } from './hooks/useBreakpoints';
+import { default as ClickAwayListener } from './components/utils/ClickAwayListener';
+
+import * as themeFunctions from './theme/functions';
+import * as elevation from './theme/globals/elevation';
+import * as spacing from './theme/globals/spacing';
+import * as typography from './theme/globals/typography';
+import * as overrides from './theme/overrides';
+import * as palette from './theme/palette';
+export * from './theme/functions';
+export { generateUniqueID, generateTestDataId, generateUniqueKey } from './utils/helpers';
+export type { Elevation } from './theme/globals/elevation';
+export type { Overrides } from './theme/overrides';
+export type { Palette } from './theme/palette';
+export type { Spacing } from './theme/globals/spacing';
+export type { Typography as GlobalsTypography } from './theme/globals/typography';
+export type { AcceptedColorComponentTypes } from './utils/themeFunctions';
+export type { Theme } from './theme';
+export type { TestProps } from './utils/types';
+export { default as Avatar } from './components/Avatar';
+export * from './components/Avatar';
+export { default as AvatarStack } from './components/Avatar/AvatarStack';
+export * from './components/Avatar/AvatarStack';
+export { default as Breadcrumb } from './components/Breadcrumb';
+export * from './components/Breadcrumb';
+export { default as Box } from './components/Box';
+export * from './components/Box';
+export { default as Button } from './components/Button';
+export * from './components/Button';
+export { default as Card } from './components/Card';
+export * from './components/Card';
+export { default as LineChart } from './components/Chart/LineChart';
+export * from './components/Chart/LineChart';
+export { default as BarChart } from './components/Chart/BarChart';
+export * from './components/Chart/BarChart';
+export { default as DonutChart } from './components/Chart/DonutChart';
+export * from './components/Chart/DonutChart';
+export { CheckBox } from './components/Controls';
+export * from './components/Controls/CheckBox';
+export { default as DatePicker } from './components/DatePicker';
+export * from './components/DatePicker';
+export { default as Navigation } from './components/Navigation';
+export * from './components/Navigation';
+export { default as ExpandCollapse } from './components/ExpandCollapse';
+export * from './components/ExpandCollapse';
+export { default as Icon } from './components/Icon';
+export * from './components/Icon';
+export { default as Link } from './components/Link';
+export * from './components/Link';
+export { default as IconButton } from './components/IconButton';
+export * from './components/IconButton';
+export { default as Label } from './components/Label';
+export * from './components/Label';
+export { default as List } from './components/List';
+export * from './components/List';
+export { default as Menu } from './components/Menu';
+export * from './components/Menu';
+export { default as Modal } from './components/Modal';
+export * from './components/Modal';
+export { default as InlineNotification } from './components/Notification/InlineNotification';
+export * from './components/Notification/InlineNotification';
+export { default as NotificationsContainer } from './components/Notification/NotificationsContainer';
+export * from './components/Notification/NotificationsContainer';
+export { default as NotificationVisual } from './components/Notification/NotificationVisual';
+export * from './components/Notification/NotificationVisual';
+export { default as Banner } from './components/Notification/Banner';
+export * from './components/Notification/Banner';
+export { default as Snackbar } from './components/Notification/Snackbar';
+export * from './components/Notification/Snackbar';
+export * from './components/Notification/Notification';
+export { default as Drawer } from './components/Drawer';
+export * from './components/Drawer';
+export { default as Pagination } from './components/Pagination';
+export * from './components/Pagination';
+export { Radio } from './components/Controls';
+export * from './components/Controls/Radio';
+export { default as ProgressIndicator } from './components/ProgressIndicator';
+export * from './components/ProgressIndicator';
+export { RadioGroup } from './components/Controls';
+export * from './components/Controls/Radio/components/RadioGroup';
+export { default as Select, StatefulSelect } from './components/Select';
+export * from './components/Select';
+export { default as Slider } from './components/Slider';
+export * from './components/Slider';
+export { Switch } from './components/Controls';
+export * from './components/Controls/Switch';
+export { default as Table } from './components/Table';
+export * from './components/Table';
+export { default as Tag } from './components/Tag';
+export * from './components/Tag';
+export { default as TextField } from './components/TextField';
+export * from './components/TextField';
+export { default as Search } from './components/Search';
+export * from './components/Search';
+export { default as TextArea } from './components/TextArea';
+export * from './components/TextArea';
+export { default as ThemeProvider } from './components/ThemeProvider';
+export * from './components/ThemeProvider';
+export { default as Toast } from './components/Toast';
+export * from './components/Toast';
+export { default as Tooltip } from './components/Tooltip';
+export * from './components/Tooltip';
+export { default as TopNavBar } from './components/TopAppBar';
+export * from './components/TopAppBar';
+export { default as Filter } from './components/Filter';
+export * from './components/Filter';
+export { default as TruncatedContent } from './components/TruncatedContent';
+export * from './components/TruncatedContent';
+export { default as Typography } from './components/Typography';
+export * from './components/Typography';
+export { default as useTheme } from './hooks/useTheme';
+export * from './hooks/useTheme';
+export { default as useBreakpoints } from './hooks/useBreakpoints';
+export * from './hooks/useBreakpoints';
+export { default as useEscape } from './hooks/useEscape';
+export * from './hooks/useEscape';
+export { default as themeConfig } from './theme';
+export { ClickAwayListener, themeFunctions, palette, spacing, typography, elevation, overrides, queriesSizes, rem, };

package/dist/src/storybook/Link/Link.d.ts

@@ -0,0 +1,8 @@
+import { FCC } from 'react';
+
+export type LinkProps = {
+    href?: string;
+    children: string;
+};
+declare const Link: FCC<LinkProps>;
+export default Link;

package/dist/src/storybook/Link/Link.style.d.ts

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

package/dist/src/storybook/Link/index.d.ts

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

package/dist/src/storybook/Note/Note.d.ts

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

package/dist/src/storybook/Note/Note.style.d.ts

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

package/dist/src/storybook/Note/index.d.ts

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

package/dist/src/storybook/Overview/Overview.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+
+declare const Overview: React.FC<{
+    children: string;
+}>;
+export default Overview;

package/dist/src/storybook/Overview/Overview.style.d.ts

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

package/dist/src/storybook/Overview/index.d.ts

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

package/dist/src/storybook/Preview/Preview.d.ts

@@ -0,0 +1,7 @@
+import { FCC } from 'react';
+
+export type PreviewProps = {
+    isInverted?: boolean;
+};
+declare const Canvas: FCC<PreviewProps>;
+export default Canvas;

package/dist/src/storybook/Preview/Preview.style.d.ts

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

package/dist/src/storybook/Preview/index.d.ts

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

package/dist/src/storybook/SectionHeader/SectionHeader.d.ts

@@ -0,0 +1,12 @@
+import { FCC } from 'react';
+
+export type SectionHeaderProps = {
+    title?: string;
+    isPending?: boolean;
+    sections?: {
+        title: string;
+        href: string;
+    }[];
+};
+declare const SectionHeader: FCC<SectionHeaderProps>;
+export default SectionHeader;

package/dist/src/storybook/SectionHeader/SectionHeader.style.d.ts

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

package/dist/src/storybook/SectionHeader/index.d.ts

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

package/dist/src/storybook/Showcases/BorderWidthShowcase/BorderWidthShowcase.d.ts

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

package/dist/src/storybook/Showcases/BorderWidthShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/BoxShadowShowcase/BoxShadowShowcase.d.ts

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

package/dist/src/storybook/Showcases/BoxShadowShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/LayoutShowcase/LayoutShowcase.d.ts

@@ -0,0 +1,13 @@
+import { FCC, FC } from 'react';
+
+type LayoutProps = {
+    hasLeftSlider?: boolean;
+    hasRightSlider?: boolean;
+};
+type GridProps = {
+    containers: number[];
+};
+export declare const ExamplesContainer: FCC;
+export declare const Layout: FC<LayoutProps>;
+export declare const Grid: FC<GridProps>;
+export {};

package/dist/src/storybook/Showcases/LayoutShowcase/LayoutShowcase.style.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from 'theme';
+
+/** Examples */
+export declare const examplesContainerStyle: () => import('@emotion/react').SerializedStyles;
+/** Layout */
+export declare const containerStyle: () => import('@emotion/react').SerializedStyles;
+export declare const siderStyle: () => (theme: Theme) => import('@emotion/react').SerializedStyles;
+export declare const mainContainerStyle: () => import('@emotion/react').SerializedStyles;
+export declare const headerFooterStyle: () => (theme: Theme) => import('@emotion/react').SerializedStyles;
+export declare const contentStyle: () => (theme: Theme) => import('@emotion/react').SerializedStyles;
+/** Grid */
+export declare const gridContainerStyle: () => import('@emotion/react').SerializedStyles;
+export declare const gridStyle: (width: number) => (theme: Theme) => import('@emotion/react').SerializedStyles;

package/dist/src/storybook/Showcases/LayoutShowcase/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutShowcase';

package/dist/src/storybook/Showcases/MinHeightShowcase/MinHeightShowcase.d.ts

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

package/dist/src/storybook/Showcases/MinHeightShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/OpacityShowcase/OpacityShowcase.d.ts

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

package/dist/src/storybook/Showcases/OpacityShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/OverviewShowcase/OverviewShowcase.d.ts

@@ -0,0 +1,10 @@
+import { FCC } from 'react';
+
+type Props = {
+    data: {
+        title: string;
+        description: string;
+    }[];
+};
+declare const OverviewShowcase: FCC<Props>;
+export default OverviewShowcase;

package/dist/src/storybook/Showcases/OverviewShowcase/OverviewShowcase.style.d.ts

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

package/dist/src/storybook/Showcases/OverviewShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/RadiusShowcase/RadiusShowcase.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    type?: 'global' | 'dimension';
+};
+declare const RadiusShowcase: ({ type }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default RadiusShowcase;

package/dist/src/storybook/Showcases/RadiusShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/SizingShowcase/SizingShowcase.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    type?: 'global' | 'dimension';
+};
+declare const SizingShowcase: ({ type }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SizingShowcase;

package/dist/src/storybook/Showcases/SizingShowcase/index.d.ts

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

package/dist/src/storybook/Showcases/SpacingSizingShowcase/SpacingSizingShowcase.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    type?: 'global' | 'dimension';
+};
+declare const SpacingSizingShowcase: ({ type }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SpacingSizingShowcase;