@orfium/ictinus 5.4.1 → 5.5.1

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { AvatarProps } from './Avatar.types';
+
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Avatar;

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

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Avatar.types').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
+};
+export default _default;
+export declare const AvatarWithIcon: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const AvatarWithLetter: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const AvatarWithColor: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const AvatarWithSrc: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export declare const AvatarPlayground: {
+    render: (args: any) => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+    parameters: {
+        controls: {
+            include: string[];
+        };
+    };
+};

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

@@ -0,0 +1,9 @@
+import { SerializedStyles } from '@emotion/react';
+import { AvatarColors, AvatarProps, AvatarSizes } from './Avatar.types';
+import { Theme } from '../../theme';
+
+export declare const iconStyles: ({ size, color }: Pick<AvatarProps, 'size' | 'color'>) => (theme: Theme) => SerializedStyles;
+export declare const avatarStyle: ({ size, color }: {
+    size: AvatarSizes;
+    color: AvatarColors;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Avatar/Avatar.tokens.d.ts

@@ -0,0 +1,8 @@
+import { default as avatar } from '../../theme/tokens/components/variables/avatar';
+import { DotKeys } from '../../theme/tokens/utils';
+import { Theme } from '../../theme';
+
+export declare const parseAvatarIconSize: (val: string) => number;
+export declare const parseAvatarStackSize: (val: string) => string;
+export type AvatarTokens = DotKeys<typeof avatar>;
+export declare const getAvatarTokens: (theme: Theme) => (path: "label.1" | "label.2" | "label.3" | "label.4" | "label.5" | "label.6" | "size.1" | "size.2" | "size.3" | "size.4" | "size.5" | "size.6", fn?: (val: string) => unknown) => any;

package/dist/src/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,22 @@
+import { DivProps } from '../../utils/common';
+
+export type AvatarColors = 'blue' | 'teal' | 'purple' | 'red' | 'orange';
+export type AvatarSizes = 1 | 2 | 3 | 4 | 5 | 6;
+export type AvatarProps = {
+    /** The size of the Avatar
+     *  @default 1
+     * */
+    size?: AvatarSizes;
+    /** The color of the Avatar
+     *  @default 'blue'
+     * */
+    color?: AvatarColors;
+    /** the src of the image to show **/
+    src?: string;
+    /** The icon name to pick from our library of icons
+     *  @default 'user'
+     * */
+    className?: string;
+    /** Data Test Id prefix **/
+    dataTestPrefixId?: string;
+} & DivProps;

package/dist/src/components/Avatar/AvatarStack/AvatarStack.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { AvatarStackProps } from './AvatarStack.types';
+
+declare const AvatarStack: React.ForwardRefExoticComponent<Omit<AvatarStackProps & TestProps & Partial<Omit<React.HTMLProps<HTMLDivElement>, "color" | "css" | "size">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default AvatarStack;

package/dist/src/components/Avatar/AvatarStack/AvatarStack.style.d.ts

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { AvatarSizes } from '../Avatar.types';
+
+export declare const avatarStackStyle: ({ size }: {
+    size: AvatarSizes;
+}) => (theme: Theme) => SerializedStyles;
+export declare const avatarWrapperStyle: ({ zIndex, size }: {
+    zIndex: number;
+    size: AvatarSizes;
+}) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Avatar/AvatarStack/AvatarStack.types.d.ts

@@ -0,0 +1,10 @@
+import { AvatarColors, AvatarSizes } from '../Avatar.types';
+
+export type AvatarStackProps = {
+    /** the maximum number of avatars to be displayed **/
+    maxAvatars?: number;
+    /** The size of the extra avatar, if any **/
+    size?: AvatarSizes;
+    /** the color of the extra avatar based on our colors eg. red-500 **/
+    color?: AvatarColors;
+};

package/dist/src/components/Avatar/AvatarStack/index.d.ts

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

package/dist/src/components/Avatar/AvatarStack/utils.d.ts

@@ -0,0 +1,7 @@
+import { AvatarStackProps } from './AvatarStack.types';
+import { PropsValidationError } from '../../../utils/errors';
+
+export declare const errors: {
+    condition: ({ maxAvatars }: AvatarStackProps) => boolean;
+    error: PropsValidationError;
+}[];

package/dist/src/components/Avatar/AvatarStack.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Avatar.types').AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const AvatarStackStory: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/src/components/Avatar/constants.d.ts

@@ -0,0 +1,4 @@
+import { SemanticColorsKey } from '../../theme/tokens/semantic/colors';
+import { AvatarColors } from './Avatar.types';
+
+export declare const avatarColorToSemColor: Record<AvatarColors, Record<string, SemanticColorsKey>>;

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

@@ -0,0 +1,3 @@
+export { default } from './Avatar';
+export * from './Avatar';
+export * from './Avatar.types';

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

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { StyledBoxProps } from './Box.types';
+
+export type BoxProps = StyledBoxProps & React.HTMLAttributes<HTMLDivElement>;
+declare const Box: React.ForwardRefExoticComponent<StyledBoxProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default Box;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Box.types').StyledBoxProps & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const BoxPaddingAllSides: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BoxHorizontalPadding: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BoxVerticalPadding: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BoxBackground: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const BoxWrapper: 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/Box/Box.test.d.ts

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

package/dist/src/components/Box/Box.types.d.ts

@@ -0,0 +1,145 @@
+import { SpacingKey } from '../../theme/globals/spacing';
+import { default as globalColors } from '../../theme/tokens/semantic/variables/colors';
+import { DotKeys } from '../../theme/tokens/utils';
+
+export type Responsive<T> = T | Array<T>;
+type AlignContent = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'normal' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+type AlignItems = 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+type AlignSelf = 'auto' | 'normal' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'inherit' | 'initial' | 'unset';
+type Flex = number | string;
+type Display = 'block' | 'inline' | 'run-in' | 'flow' | 'flow-root' | 'table' | 'flex' | 'grid' | 'ruby' | 'block flow' | 'inline table' | 'flex run-in' | 'list-item' | 'list-item block' | 'list-item inline' | 'list-item flow' | 'list-item flow-root' | 'list-item block flow' | 'list-item block flow-root' | 'flow list-item block' | 'table-row-group' | 'table-header-group' | 'table-footer-group' | 'table-row' | 'table-cell' | 'table-column-group' | 'table-column' | 'table-caption' | 'ruby-base' | 'ruby-text' | 'ruby-base-container' | 'ruby-text-container' | 'contents' | 'none' | 'inline-block' | 'inline-table' | 'inline-flex' | 'inline-grid' | 'inherit' | 'initial' | 'unset';
+type GridAutoFlow = 'row' | 'column' | 'dense' | 'row dense' | 'column dense' | 'inherit' | 'initial' | 'unset';
+type JustifyContent = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+type JustifyItems = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'legacy right' | 'legacy left' | 'legacy center' | 'inherit' | 'initial' | 'unset';
+type JustifySelf = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | 'inherit' | 'initial' | 'unset';
+type Position = 'static' | 'absolute' | 'relative' | 'fixed' | 'sticky';
+type Overflow = 'visible' | 'hidden' | 'scroll' | 'scrollX' | 'scrollY' | 'auto' | 'inherit' | 'initial' | 'unset';
+export type Scale = 0 | string;
+export type WhiteSpace = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | 'inherit' | 'initial' | 'unset';
+export type StyledBoxProps = {
+    /** Accepts all themeable color properties. */
+    color?: DotKeys<typeof globalColors.textColor>;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment */
+    backgroundAttachment?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip */
+    backgroundClip?: string;
+    /** Accepts all themeable color properties. */
+    backgroundColor?: DotKeys<typeof globalColors.backgroundColor>;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image */
+    backgroundImage?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin */
+    backgroundOrigin?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
+    backgroundPosition?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat */
+    backgroundRepeat?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */
+    backgroundSize?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-content */
+    alignContent?: AlignContent;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
+    alignItems?: AlignItems;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/align-self */
+    alignSelf?: AlignSelf;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction */
+    flexDirection?: FlexDirection;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/display */
+    display?: Display;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/flex */
+    flex?: Flex;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid */
+    grid?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area */
+    gridArea?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns */
+    gridAutoColumns?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow */
+    gridAutoFlow?: GridAutoFlow;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows */
+    gridAutoRows?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
+    gridColumn?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end */
+    gridColumnEnd?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap */
+    gridColumnGap?: Scale;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start */
+    gridColumnStart?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-gap */
+    gridGap?: Scale;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row */
+    gridRow?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end */
+    gridRowEnd?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap */
+    gridRowGap?: Scale;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start */
+    gridRowStart?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template */
+    gridTemplate?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas */
+    gridTemplateAreas?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns */
+    gridTemplateColumns?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows */
+    gridTemplateRows?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content */
+    justifyContent?: JustifyContent;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items */
+    justifyItems?: JustifyItems;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self */
+    justifySelf?: JustifySelf;
+    position?: Position;
+    width?: Scale;
+    minWidth?: Scale;
+    maxWidth?: Scale;
+    height?: Scale;
+    minHeight?: Scale;
+    maxHeight?: Scale;
+    overflow?: Responsive<Overflow>;
+    /** Acronym of margin definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
+    m?: SpacingKey;
+    /** Acronym of margin-top definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top */
+    mt?: SpacingKey;
+    /** Acronym of margin-right definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right */
+    mr?: SpacingKey;
+    /** Acronym of margin-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom */
+    mb?: SpacingKey;
+    /** Acronym of margin-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left */
+    ml?: SpacingKey;
+    /** Define horizontal margin  */
+    mx?: SpacingKey;
+    /** Define vertical margin  */
+    my?: SpacingKey;
+    /** Acronym of padding definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
+    p?: SpacingKey;
+    /** Acronym of padding-top definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top */
+    pt?: SpacingKey;
+    /** Acronym of padding-right definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right */
+    pr?: SpacingKey;
+    /** Acronym of padding-bottom definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom */
+    pb?: SpacingKey;
+    /** Acronym of padding-left definition according to https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left */
+    pl?: SpacingKey;
+    /** Define horizontal padding  */
+    px?: SpacingKey;
+    /** Define vertical padding  */
+    py?: SpacingKey;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-content */
+    placeContent?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-items */
+    placeItems?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/place-self */
+    placeSelf?: string;
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    left?: SpacingKey;
+    top?: SpacingKey;
+    right?: SpacingKey;
+    bottom?: SpacingKey;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow */
+    textOverflow?: string;
+    /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space */
+    whiteSpace?: Responsive<WhiteSpace>;
+};
+export {};

package/dist/src/components/Box/Box.utilities.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from 'theme';
+import { StyledBoxProps } from './Box.types';
+
+export declare const omitedCSSprops: string[];
+export declare const styledBoxPropsKeys: Array<keyof StyledBoxProps>;
+/**
+ * Picks from any given object only css properties defined styledBoxPropsKeys
+ **/
+export declare const pickCSSProperties: (obj: Record<string, any>) => StyledBoxProps;
+/**
+ * Omit from any given object only css properties defined styledBoxPropsKeys
+ **/
+export declare const pickNonCSSProps: (obj: Record<string, any>) => import('lodash').Omit<Record<string, any>, keyof StyledBoxProps>;
+/**
+ * Resolves any value from the given theme based on type if css property exists on the object given.
+ **/
+export declare const cssResolver: import('lodash').CurriedFunction5<Theme, StyledBoxProps, string, string, "color" | "spacing" | "backgroundColor", {
+    [x: string]: string;
+}>;

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

@@ -0,0 +1,3 @@
+export { default } from './Box';
+export * from './Box';
+export * from './Box.types';

package/dist/src/components/Breadcrumb/BackToItem/BackToItem.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { TestProps } from 'utils/types';
+import { BreadcrumbItem } from '../Breadcrumb.types';
+
+declare const BackToItem: React.FC<BreadcrumbItem & TestProps>;
+export default BackToItem;

package/dist/src/components/Breadcrumb/BackToItem/BackToItem.style.d.ts

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

package/dist/src/components/Breadcrumb/BackToItem/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import { BreadcrumbItem as BreadcrumbItemType } from './Breadcrumb.types';
+import * as React from 'react';
+declare const Breadcrumb: React.ForwardRefExoticComponent<{
+    items?: BreadcrumbItemType[];
+    backTo?: BreadcrumbItemType;
+} & import('../..').TestProps & React.RefAttributes<HTMLOListElement>>;
+export default Breadcrumb;

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

@@ -0,0 +1,31 @@
+declare const _default: {
+    title: string;
+    component: () => boolean;
+    parameters: {
+        design: {
+            type: string;
+            name: string;
+            url: string;
+        }[];
+        controls: {
+            disable: boolean;
+        };
+    };
+};
+export default _default;
+export declare const BasicBreadcrumbs: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const GoBackTo: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ThirdPartyRoutingLibrary: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const Playground: {
+    render: () => import("@emotion/react/jsx-runtime").JSX.Element;
+    name: string;
+};

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

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

package/dist/src/components/Breadcrumb/Breadcrumb.types.d.ts

@@ -0,0 +1,13 @@
+import { TestProps } from 'utils/types';
+import { LinkProps } from '../Link/Link.types';
+
+export type BreadcrumbItem = {
+    /** Defines the label used for a link breadcrumb item */
+    label: string;
+} & Pick<LinkProps, 'component' | 'href'>;
+export type BreadcrumbProps = {
+    /** Defines the data for constructing the related breadcrumb items */
+    items?: BreadcrumbItem[];
+    /** Defines the data for constructing the go-back-to item  */
+    backTo?: BreadcrumbItem;
+} & TestProps;

package/dist/src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+export type BreadcrumbItemProps = {
+    /** Defines the child element that will be rendered inside the list element */
+    childComponent: React.ReactNode;
+    /** Defines if the current item of the breadcrumb is the last one */
+    isLastItem?: boolean;
+};
+declare const BreadcrumbItem: React.FC<BreadcrumbItemProps>;
+export default BreadcrumbItem;

package/dist/src/components/Breadcrumb/BreadcrumbItem/BreadcrumbItem.style.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from '@emotion/react';
+import { BreadcrumbItemProps } from './BreadcrumbItem';
+import { Theme } from '../../../theme';
+
+export declare const breadcrumbListStyles: () => SerializedStyles;
+export declare const breadcrumbItemStyles: ({ isLastItem }: Pick<BreadcrumbItemProps, 'isLastItem'>) => (theme: Theme) => SerializedStyles;

package/dist/src/components/Breadcrumb/BreadcrumbItem/index.d.ts

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

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

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

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

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { CommonButtonProps } from 'utils/common';
+import { TestProps } from 'utils/types';
+import { ButtonBaseProps } from '../ButtonBase/ButtonBase';
+import { AvatarProps } from '../Avatar';
+import { AcceptedIconNames } from '../Icon';
+
+export type ButtonProps = ButtonBaseProps & TestProps & CommonButtonProps & {
+    /** An optional icon to put on the right of the button */
+    iconRightName?: AcceptedIconNames;
+    /** An optional icon to put on the left of the button */
+    iconLeftName?: AcceptedIconNames;
+    /** An optional avatar to put on the left of the button */
+    avatar?: Pick<AvatarProps, 'src' | 'color'> & {
+        label?: string;
+    };
+};
+declare const Button: React.ForwardRefExoticComponent<{
+    type?: import('./Button.types').ButtonTypes;
+    size?: import('utils/types').ComponentSizes;
+    isBlock?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isIconButton?: boolean;
+    shape?: import('../IconButton').IconButtonShape;
+    htmlType?: "button" | "reset" | "submit";
+    sx?: {
+        container?: import('@emotion/serialize').CSSObject;
+    };
+} & TestProps & import('../ButtonBase/ButtonBase').EventButtonProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "disabled" | "onClick" | "onBlur" | "css" | "size">> & {
+    /** An optional icon to put on the right of the button */
+    iconRightName?: AcceptedIconNames;
+    /** An optional icon to put on the left of the button */
+    iconLeftName?: AcceptedIconNames;
+    /** An optional avatar to put on the left of the button */
+    avatar?: Pick<AvatarProps, 'src' | 'color'> & {
+        label?: string;
+    };
+} & React.RefAttributes<HTMLButtonElement>>;
+export default Button;