@orfium/ictinus 4.36.0-alpha.1 → 4.36.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.36.0-alpha.1",
+  "version": "4.36.0-alpha.2",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { DivProps } from '../../utils/common';
-import { Props, AvatarSizes } from './Avatar.types';
-declare const Avatar: React.ForwardRefExoticComponent<Pick<Props & DivProps, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export default Avatar;
-export { Props, AvatarSizes };

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

@@ -1,10 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../theme';
-import { colorShades, flatColors } from '../../theme/palette';
-import { AvatarSizes } from './Avatar';
-export declare const sizeBasedOnProp: (size: AvatarSizes) => number;
-export declare const avatarStyle: ({ size, fill, fillShade, }: {
-    size: AvatarSizes;
-    fill: typeof flatColors[number];
-    fillShade: typeof colorShades[number];
-}) => (theme: Theme) => SerializedStyles;

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

@@ -1,20 +0,0 @@
-import { AcceptedIconNames } from '../Icon/types';
-export declare type Props = {
-    /** the src of the image to show **/
-    src?: string;
-    /** The icon name to pick from our library of icons
-     *  @default 'user'
-     * */
-    iconName?: AcceptedIconNames;
-    /** The size of the avatar
-     *  @default 'md'
-     * */
-    size?: AvatarSizes;
-    /** the color of the button based on our colors eg. red-500
-     *  @default 'darkGrey-500'
-     * */
-    color?: string;
-    /** The class name of the avatar component if its styled **/
-    className?: string;
-};
-export declare type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg';

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { DivProps } from 'utils/common';
-import { TestProps } from 'utils/types';
-import { Props } from './AvatarStack.types';
-declare const AvatarStack: React.ForwardRefExoticComponent<Pick<Props & TestProps & DivProps, "children" | "onChange" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | "dataTestId" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
-export default AvatarStack;
-export { Props };

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

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

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

@@ -1,9 +0,0 @@
-import { AvatarSizes } from '../Avatar';
-export declare type Props = {
-    /** 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?: string;
-};

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

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

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

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

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

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

package/dist/cjs/dist/components/Avatar/utils.d.ts

@@ -1,2 +0,0 @@
-import { AvatarSizes } from './Avatar.types';
-export declare const iconSizeBasedOnAvatar: (size: AvatarSizes) => 16 | 10 | 12 | 28;

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

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { BreadcrumbItemData } from './types';
-export declare type Props = {
-    /** Defines the data for constructing the related breadcrumb items */
-    data?: BreadcrumbItemData[];
-};
-declare const Breadcrumb: React.FC<Props>;
-export default Breadcrumb;

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

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

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

@@ -1,9 +0,0 @@
-import React from 'react';
-declare type Props = {
-    /** 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<Props>;
-export default BreadcrumbItem;

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

@@ -1,8 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../../theme';
-import { RequiredProperties } from '../../../utils/common';
-declare type StyleProps = {
-    active: boolean;
-};
-export declare const breadcrumbItemStyles: ({ active }: RequiredProperties<StyleProps>) => (theme: Theme) => SerializedStyles;
-export {};

package/dist/cjs/dist/components/Breadcrumb/Separator/Separator.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    /** Defines if the current item of the breadcrumb is the last one */
-    isLastItem?: boolean;
-};
-declare const Separator: React.FC<Props>;
-export default Separator;

package/dist/cjs/dist/components/Breadcrumb/Separator/Separator.style.d.ts

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

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

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

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

@@ -1,6 +0,0 @@
-export declare type BreadcrumbItemData = {
-    /** Defines the path used for a link breadcrumb item*/
-    to?: string;
-    /** Defines the label used for a link breadcrumb item */
-    label: string;
-};

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

@@ -1,10 +0,0 @@
-import { ClickHandler } from 'hooks/useLoading';
-import React from 'react';
-import { TestProps } from 'utils/types';
-import { Props as ButtonBaseProps } from '../ButtonBase/ButtonBase';
-export declare type Props = ButtonBaseProps & TestProps & onClickProp;
-declare type onClickProp = {
-    onClick: ClickHandler;
-};
-declare const Button: React.ForwardRefExoticComponent<ButtonBaseProps & TestProps & onClickProp & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & React.RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/cjs/dist/components/Button/Button.style.d.ts

@@ -1,17 +0,0 @@
-import { Theme } from 'theme';
-import { RequiredProperties } from 'utils/common';
-import { Props } from './Button';
-export declare const buttonSpanStyle: () => () => {
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-};
-export declare const iconStyle: () => () => {
-    display: string;
-};
-export declare const childrenWrapperStyle: ({ iconLeft, iconRight, hasChildren, }: RequiredProperties<Omit<Props, "onClick" | "dataTestId" | "block" | "isIconButton" | "buttonType"> & {
-    hasChildren: boolean;
-}>) => (theme: Theme) => {
-    marginLeft: number | "8";
-    marginRight: number | "8";
-};

package/dist/cjs/dist/components/Button/ButtonLoader/ButtonLoader.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { Props as ButtonBaseProps } from '../../ButtonBase/ButtonBase';
-export declare type Props = {
-    innerButtonWidth?: number;
-} & Pick<ButtonBaseProps, 'type' | 'color'>;
-declare const ButtonLoader: React.FC<Props>;
-export default ButtonLoader;

package/dist/cjs/dist/components/Button/ButtonLoader/ButtonLoader.style.d.ts

@@ -1,2 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-export declare const centralizedLoader: (clientWidth?: number) => SerializedStyles;

package/dist/cjs/dist/components/Button/ButtonLoader/index.d.ts

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

package/dist/cjs/dist/components/Button/index.d.ts

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

package/dist/cjs/dist/components/Button/utils.d.ts

@@ -1,15 +0,0 @@
-import { Theme } from 'theme';
-import { ColorShapeFromComponent } from '../../utils/themeFunctions';
-/**
- * This function defines what background-color to show based on type or color passed
- * if color it retrieves the color directly from the palette
- * if type it gets the specific type color from the palette
- */
-export declare const defineBackgroundColor: (theme: Theme, color: ColorShapeFromComponent | undefined, type?: "primary" | "secondary" | "light" | "success" | "error" | "warning" | "info" | "link" | undefined, iconExists?: boolean | undefined, childrenExists?: boolean | undefined) => string;
-/**
- * return the correct color to show based on the state that is passed
- * The state must be 'hover' or 'active' for now
- * It is being defined by the team that the values will always be 10% and 20%
- * for transparentize there is a revert to these values to match 90% and 80% accordingly
- */
-export declare const stateBackgroundColor: (theme: Theme, state: 'hover' | 'active', calculatedColor: ColorShapeFromComponent, filled: boolean) => string;

package/dist/cjs/dist/components/ButtonBase/ButtonBase.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { ClickEvent } from '../../hooks/useLoading';
-import { AcceptedColorComponentTypes } from '../../utils/themeFunctions';
-import { TestProps } from '../../utils/types';
-import { buttonSizes } from './config';
-export declare type EventButtonProps = {
-    onClick?: (event: ClickEvent) => void;
-    onBlur?: () => void;
-};
-export declare type Props = {
-    /** Type indicating the type of the button */
-    type?: AcceptedColorComponentTypes;
-    /** the color of the button based on our colors eg. red-500 */
-    color?: string;
-    /** This property define the size of the button. Defaults to 'md' */
-    size?: typeof buttonSizes[number];
-    /** This property will make the button fit to its parent width. Defaults to false */
-    block?: boolean;
-    /** Property indicating if the component is filled with a color based on the type */
-    filled?: boolean;
-    /** Property indicating if the component is async and loading */
-    loading?: boolean;
-    /** Property indicating if the component is transparent with a color based on the type */
-    transparent?: boolean;
-    /** An optional boolean to show if the button is icon */
-    isIconButton?: boolean;
-    /** An optional icon to put on the right of the button */
-    iconRight?: React.Component | JSX.Element | null;
-    /** An optional icon to put on the left of the button */
-    iconLeft?: React.Component | JSX.Element | null;
-    /** Define if the button is in disabled state */
-    disabled?: boolean;
-    /** Defines the button type */
-    buttonType?: 'submit' | 'reset' | 'button';
-};
-declare const ButtonBase: React.ForwardRefExoticComponent<Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & Props & TestProps & EventButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ButtonBase;

package/dist/cjs/dist/components/ButtonBase/ButtonBase.style.d.ts

@@ -1,65 +0,0 @@
-import { Theme } from '../../theme';
-import { RequiredProperties } from '../../utils/common';
-import { ColorShapeFromComponent } from '../../utils/themeFunctions';
-import { Props } from './ButtonBase';
-import { buttonSizes } from './config';
-/** Calculates the button specific height based on the size passed to it **/
-export declare const heightBasedOnSize: (size: typeof buttonSizes[number]) => string;
-export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, block, isIconButton, transparent, childrenCount, }: RequiredProperties<Omit<Props, "buttonType"> & {
-    calculatedColor: ColorShapeFromComponent;
-    childrenCount: number;
-}>) => (theme: Theme) => {
-    fontSize: any;
-    fontWeight: 500;
-    color: string;
-    width: string | undefined;
-    backgroundColor: string;
-    padding: string;
-    height: string;
-    borderRadius: "4";
-    border: string;
-    cursor: string;
-    transition: string;
-    ':focus-visible:not(:disabled)': {
-        outline: string;
-    };
-    ':hover:not(:disabled)': {
-        backgroundColor: string;
-    };
-    ':active:not(:disabled)': {
-        backgroundColor: string;
-    };
-    ':disabled': import("../../theme/states/disabled").GetDisabled;
-} | {
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-    borderRadius: string;
-    padding: number;
-    width: string;
-    fontSize: any;
-    fontWeight: 500;
-    color: string;
-    backgroundColor: string;
-    height: string;
-    border: string;
-    cursor: string;
-    transition: string;
-    ':focus-visible:not(:disabled)': {
-        outline: string;
-    };
-    ':hover:not(:disabled)': {
-        backgroundColor: string;
-    };
-    ':active:not(:disabled)': {
-        backgroundColor: string;
-    };
-    ':disabled': import("../../theme/states/disabled").GetDisabled;
-};
-export declare const buttonSpanStyle: () => () => {
-    display: string;
-    alignItems: string;
-};
-export declare const iconStyle: () => () => {
-    display: string;
-};

package/dist/cjs/dist/components/ButtonBase/config.d.ts

@@ -1,28 +0,0 @@
-import { colorShades, flatColors } from '../../theme/palette';
-export declare const LG = "lg";
-export declare const MD = "md";
-export declare const SM = "sm";
-export declare const buttonSizes: readonly ["lg", "md", "sm"];
-declare type ButtonConfig = {
-    sizes: {
-        [key in typeof buttonSizes[number] | 'default']: number;
-    };
-    fontSize: {
-        [key in typeof SM | 'default']: number;
-    };
-    types: {
-        link: {
-            color: {
-                name: typeof flatColors[number];
-                shade: typeof colorShades[number];
-            };
-        };
-        outlined: {
-            border: {
-                width: number;
-            };
-        };
-    };
-};
-export declare const buttonConfig: ButtonConfig;
-export {};

package/dist/cjs/dist/components/ButtonBase/index.d.ts

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

package/dist/cjs/dist/components/ButtonBase/utils.d.ts

@@ -1,21 +0,0 @@
-import { Theme } from 'theme';
-import { ColorShapeFromComponent } from '../../utils/themeFunctions';
-import { Props } from './ButtonBase';
-/**
- * This function defines what background-color to show based on type or color passed
- * if color it retrieves the color directly from the palette
- * if type it gets the specific type color from the palette
- */
-export declare const defineBackgroundColor: (theme: Theme, color: ColorShapeFromComponent | undefined, type?: "primary" | "secondary" | "light" | "success" | "error" | "warning" | "info" | "link" | undefined, childrenExists?: boolean | undefined) => string;
-/**
- * This function defines what color to show based on type or color passed
- * if type is link uses the link color
- * if it's background is transparent ( transparent or Outlined ) then it uses the background color
- * else it uses the calculated color
- */
-export declare const calculateButtonColor: ({ type, isBackgroundTransparent, backGroundColor, calculatedColor, theme, }: Pick<Props, "type"> & {
-    calculatedColor: ColorShapeFromComponent;
-    isBackgroundTransparent: boolean;
-    backGroundColor: string;
-    theme: Theme;
-}) => string;

package/dist/cjs/dist/components/Card/Card.d.ts

@@ -1,12 +0,0 @@
-import { Elevation, Spacing } from 'index';
-import React from 'react';
-export declare type Props = {
-    /** Elevation of Card */
-    elevated?: keyof Elevation;
-    /** Transparency of Card: if false the Card's background is white, otherwise it's transparent */
-    transparent?: boolean;
-    /** Border radius of Card: if not provided it defaults to 0 */
-    radius?: keyof Spacing;
-};
-declare const Card: React.FC<Props>;
-export default Card;

package/dist/cjs/dist/components/Card/Card.style.d.ts

@@ -1,6 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Elevation, Spacing } from 'index';
-import { Theme } from '../../theme';
-import { Props } from './Card';
-export declare const cardStyle: ({ elevated, transparent, radius }: Props) => (theme: Theme) => SerializedStyles;
-export declare const cardElevation: (theme: Theme, elevated: keyof Elevation, transparent?: boolean | undefined, radius?: keyof Spacing | undefined) => SerializedStyles;

package/dist/cjs/dist/components/Card/index.d.ts

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

package/dist/cjs/dist/components/Chart/BarChart/BarChart.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-export declare type HoverInfo = {
-    name: string;
-    value?: string | number;
-    percentage?: string;
-    [prop: string]: number | string | undefined;
-};
-declare type Option = {
-    color?: string;
-    coloringOption?: 'all' | 'bar';
-    hoverInfo?: HoverInfo[];
-};
-export declare type Data = {
-    name: string;
-    subcategory?: string;
-    value?: number;
-    barLabel?: string;
-    options?: Option;
-};
-export declare type Props = {
-    /** This property defines the data to be shown in the Line Chart */
-    data: Data[];
-};
-declare const BarChart: React.FC<Props>;
-export default BarChart;

package/dist/cjs/dist/components/Chart/BarChart/components/CustomLabel/CustomLabel.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { LabelProps } from 'recharts';
-interface CustomLabelProps extends LabelProps {
-    colors: Record<string, string>;
-    index?: number;
-}
-declare const CustomLabel: React.FC<CustomLabelProps>;
-export default CustomLabel;

package/dist/cjs/dist/components/Chart/BarChart/components/CustomLabel/index.d.ts

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

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltip/CustomTooltip.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = {
-    content: React.ReactNode;
-    fill: string;
-};
-declare const CustomTooltip: React.FC<Props>;
-export default CustomTooltip;

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltip/CustomTooltip.style.d.ts

@@ -1,5 +0,0 @@
-import { SerializedStyles } from '@emotion/react';
-import { Theme } from 'theme';
-export declare const tickStyle: (fill: string) => (theme: Theme) => SerializedStyles;
-export declare const tooltipStyle: () => (theme: Theme) => SerializedStyles;
-export declare const tooltipArrowStyle: () => (theme: Theme) => SerializedStyles;

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltip/index.d.ts

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

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltipContent/CustomTooltipContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TooltipProps } from 'recharts';
-declare const CustomTooltip: React.FC<TooltipProps>;
-export default CustomTooltip;

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltipContent/CustomTooltipContent.style.d.ts

@@ -1,38 +0,0 @@
-import { Theme } from 'theme';
-export declare const tooltipStyle: () => (theme: Theme) => {
-    fontSize: string;
-    padding: string;
-    margin: "8";
-    color: string;
-    background: string;
-    opacity: string;
-    borderRadius: "4";
-    minWidth: string;
-    whiteSpace: "nowrap";
-};
-export declare const tooltipHrStyle: () => (theme: Theme) => {
-    margin: string;
-    height: string;
-    borderWidth: number;
-    backgroundColor: string;
-    opacity: string;
-};
-export declare const tooltipUlStyle: () => () => {
-    padding: string;
-    margin: string;
-};
-export declare const tooltipLiStyle: () => (theme: Theme) => {
-    listStyleType: string;
-    color: string;
-    width: string;
-    display: string;
-    justifyContent: string;
-    height: "16";
-    padding: string;
-    'div:last-child': {
-        marginLeft: "16";
-        span: {
-            marginLeft: "4";
-        };
-    };
-};

package/dist/cjs/dist/components/Chart/BarChart/components/CustomTooltipContent/index.d.ts

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

package/dist/cjs/dist/components/Chart/BarChart/index.d.ts

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

package/dist/cjs/dist/components/Chart/BarChart/utils.d.ts

@@ -1,7 +0,0 @@
-declare type Values = {
-    maxDomainValue: number;
-    tickCount: number;
-};
-export declare const getValues: (max: number | undefined) => Values;
-export declare const customTickFormatter: (tickValue: number, maxDomainValue: number) => string;
-export {};

package/dist/cjs/dist/components/Chart/DonutChart/DonutChart.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-declare type Data = {
-    name: string;
-    value: number;
-    color?: string;
-};
-export declare type Props = {
-    /** This property defines the data to be shown in the Donut Chart */
-    data: Data[];
-    /** This property defines the value to be shown in the Donut Chart label */
-    value?: string | number;
-    /** This property defines the units to be shown in the Donut Chart label*/
-    units?: string;
-};
-declare const DonutChart: React.FC<Props>;
-export default DonutChart;

package/dist/cjs/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { LabelProps } from 'recharts';
-declare type CustomLabelProps = LabelProps & {
-    value?: string | number;
-    units?: string;
-};
-declare const CustomLabel: React.FC<CustomLabelProps>;
-export default CustomLabel;

package/dist/cjs/dist/components/Chart/DonutChart/components/CustomLabel/CustomLabel.style.d.ts

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

package/dist/cjs/dist/components/Chart/DonutChart/components/CustomLabel/index.d.ts

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

package/dist/cjs/dist/components/Chart/DonutChart/index.d.ts

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

package/dist/cjs/dist/components/Chart/LineChart/LineChart.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Data } from './utils';
-export declare type Props = {
-    /** This property defines the data to be shown in the Line Chart */
-    data: Data[];
-    /** Property indicating the label name to be displayed for X axis */
-    labelX?: string;
-    /** Property indicating the label name to be displayed for Y axis */
-    labelY?: string;
-    /**  Define if the legend will be displayed */
-    showLegend?: boolean;
-    /** Function passed as property, so that the user can select colors for each line. If no function is passed or no color is picked for one or more lines, color will be selected randomly  */
-    color?: (dataLabel: string) => string;
-};
-declare const LineChart: React.FC<Props>;
-export default LineChart;