fictoan-react 0.45.0 → 0.45.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # CHANGELOG
 
+### 0.45.2
+- Fix prop name for disable copy/paste to pasteFromClipboard which takes either enabled or disabled as parameters for `PinInput Field`
+
+### 0.45.1
+- Export props types for all components
+- Fix excess margin issue for `Tabs` labels
+- Add toggle for disabling copy/paste functionality in the `PinInputField` component 
+
 ### 0.45.0
 - Add support for defaultTabIndex props in `Tabs` component because by default it select first tab as active tab
 

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

@@ -1,2 +1,2 @@
-export { Badge } from "./Badge";
+export { Badge, BadgeProps } from "./Badge";
 export { BadgeStyled } from "./Badge.styled";

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

@@ -1,2 +1,2 @@
-export { BottomDrawer } from "./BottomDrawer";
+export { BottomDrawer, BottomDrawerProps } from "./BottomDrawer";
 export { BottomDrawerStyled } from "./BottomDrawer.styled";

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

@@ -1,4 +1,4 @@
-export { BreadcrumbsWrapper } from "./BreadcrumbsWrapper/BreadcrumbsWrapper";
+export { BreadcrumbsWrapper, BreadcrumbsWrapperProps } from "./BreadcrumbsWrapper/BreadcrumbsWrapper";
 export { BreadcrumbsWrapperStyled } from "./BreadcrumbsWrapper/BreadcrumbsWrapper.styled";
-export { BreadcrumbItem } from "./BreadcrumbItem/BreadcrumbItem";
+export { BreadcrumbItem, BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
 export { BreadcrumbItemStyled } from "./BreadcrumbItem/BreadcrumbItem.styled";

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

@@ -1,2 +1,2 @@
-export { Button } from "./Button";
+export { Button, ButtonProps } from "./Button";
 export { ButtonStyled } from "./Button.styled";

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

@@ -1,2 +1,2 @@
-export { Callout } from "./Callout";
+export { Callout, CalloutProps } from "./Callout";
 export { CalloutStyled } from "./Callout.styled";

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

@@ -1,2 +1,2 @@
-export { Card } from "./Card";
+export { Card, CardProps } from "./Card";
 export { CardStyled } from "./Card.styled";

package/dist/cjs/components/CodeBlock/Code.styled.d.ts

@@ -1 +1 @@
-export declare const CodeStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../Element/constants").CommonAndHTMLProps<HTMLPreElement>, keyof import("./CodeBlock").CodeBlockCustomProps> & import("./CodeBlock").CodeBlockCustomProps, never>;
+export declare const CodeStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../Element").CommonAndHTMLProps<HTMLPreElement>, keyof import("./CodeBlock").CodeBlockCustomProps> & import("./CodeBlock").CodeBlockCustomProps, never>;

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

@@ -1,2 +1,2 @@
-export { CodeBlock } from "./CodeBlock";
-export { CodeStyled } from "./Code.styled";
+export { CodeBlock, CodeBlockProps } from "./CodeBlock";
+export { CodeStyled as CodeBlockStyled } from "./Code.styled";

package/dist/cjs/components/CodeBlock/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./CodeBlock.js"),r=require("./Code.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),require("../../external/theme.js"),require("../../external/DefaultColours.js"),exports.CodeBlock=e.CodeBlock,exports.CodeStyled=r.CodeStyled;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./CodeBlock.js"),r=require("./Code.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),require("../../external/theme.js"),require("../../external/DefaultColours.js"),exports.CodeBlock=e.CodeBlock,exports.CodeBlockStyled=r.CodeStyled;
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-export { ContentWrapper } from "./ContentWrapper";
+export { ContentWrapper, ContentWrapperProps } from "./ContentWrapper";
 export { ContentWrapperStyled } from "./ContentWrapper.styled";

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

@@ -1 +1,2 @@
 export { Element } from "./Element";
+export { ElementProps, CommonAndHTMLProps } from "./constants";

package/dist/cjs/components/ExpandableContent/ExpandableContent.styled.d.ts

@@ -1 +1 @@
-export declare const ExpandableContentStyled: import("styled-components").StyledComponent<"details", any, Omit<import("../Element/constants").CommonAndHTMLProps<HTMLDetailsElement>, keyof import("./ExpandableContent").ExpandableContentCustomProps> & import("./ExpandableContent").ExpandableContentCustomProps, never>;
+export declare const ExpandableContentStyled: import("styled-components").StyledComponent<"details", any, Omit<import("../Element").CommonAndHTMLProps<HTMLDetailsElement>, keyof import("./ExpandableContent").ExpandableContentCustomProps> & import("./ExpandableContent").ExpandableContentCustomProps, never>;

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

@@ -1,2 +1,2 @@
-export { ExpandableContent } from "./ExpandableContent";
+export { ExpandableContent, ExpandableContentProps } from "./ExpandableContent";
 export { ExpandableContentStyled } from "./ExpandableContent.styled";

package/dist/cjs/components/Form/BaseInputComponent/BaseInputComponent.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BaseInputComponentWithIconProps } from "./constants";
 export declare type InputElementType = HTMLInputElement | HTMLDivElement | HTMLSelectElement;
-export declare const BaseInputComponent: <K extends InputElementType>(props: import("../../Element/constants").ElementProps<K> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("./constants").InputCommonProps & import("./constants").InputIconProps & {
+export declare const BaseInputComponent: <K extends InputElementType>(props: import("../../Element").ElementProps<K> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("./constants").InputCommonProps & import("./constants").InputIconProps & {
     ref?: React.LegacyRef<InputElementType>;
 }) => React.ReactElement;

package/dist/cjs/components/Form/InputField/FileUpload.d.ts

@@ -1,2 +1,4 @@
 import React from "react";
-export declare const FileUpload: React.ForwardRefExoticComponent<import("../../Element/constants").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps & React.RefAttributes<HTMLInputElement>>;
+import { InputFieldProps } from "./InputField";
+export declare type FileUploadProps = InputFieldProps;
+export declare const FileUpload: React.ForwardRefExoticComponent<import("../../Element").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/Form/InputField/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../../../../../src/components/Form/InputField/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputField } from \"./InputField\";\nimport { InputFieldProps } from \"./InputField\";\n\nexport const FileUpload = React.forwardRef(({ ...props }: InputFieldProps, ref: React.Ref<HTMLInputElement>) => {\n    return <InputField type=\"file\" ref={ref} {...props} />;\n});\n"],"names":["FileUpload","React","forwardRef","_a","ref","props","InputField","type"],"mappings":"upBAKaA,EAAaC,UAAMC,YAAW,CAACC,EAA+BC,SAA1BC,aAAL,WACjCJ,wBAACK,4BAAWC,KAAK,OAAOH,IAAKA,GAASC"}
+{"version":3,"file":"FileUpload.js","sources":["../../../../../src/components/Form/InputField/FileUpload.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { InputField } from \"./InputField\";\nimport { InputFieldProps } from \"./InputField\";\n\nexport type FileUploadProps = InputFieldProps;\nexport const FileUpload = React.forwardRef(({ ...props }: FileUploadProps, ref: React.Ref<HTMLInputElement>) => {\n    return <InputField type=\"file\" ref={ref} {...props} />;\n});\n"],"names":["FileUpload","React","forwardRef","_a","ref","props","InputField","type"],"mappings":"upBAMaA,EAAaC,UAAMC,YAAW,CAACC,EAA+BC,SAA1BC,aAAL,WACjCJ,wBAACK,4BAAWC,KAAK,OAAOH,IAAKA,GAASC"}

package/dist/cjs/components/Form/Select/Select.styled.d.ts

@@ -1,2 +1,2 @@
-export declare const SelectWrapperStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
-export declare const SelectStyled: import("styled-components").StyledComponent<"select", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
+export declare const SelectWrapperStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;
+export declare const SelectStyled: import("styled-components").StyledComponent<"select", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLSelectElement>, keyof import("./Select").SelectCustomProps> & import("./Select").SelectCustomProps, never>;

package/dist/cjs/components/Form/TextArea/TextArea.styled.d.ts

@@ -1 +1 @@
-export declare const TextAreaStyled: import("styled-components").StyledComponent<"textarea", any, import("../../Element/constants").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps, never>;
+export declare const TextAreaStyled: import("styled-components").StyledComponent<"textarea", any, import("../../Element").CommonAndHTMLProps<HTMLInputElement> & import("../InputLabel/InputLabel").InputLabelCustomProps & import("../BaseInputComponent/constants").InputCommonProps & import("../BaseInputComponent/constants").InputIconProps, never>;

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

@@ -1,21 +1,22 @@
-export { FormWrapper } from "./FormWrapper/FormWrapper";
+export { FormWrapper, FormWrapperProps } from "./FormWrapper/FormWrapper";
 export { FormWrapperStyled } from "./FormWrapper/FormWrapper.styled";
-export { FormItem } from "./FormItem/FormItem";
+export { FormItem, FormItemProps } from "./FormItem/FormItem";
 export { FormItemStyled } from "./FormItem/FormItem.styled";
-export { FormItemGroup } from "./FormItemGroup/FormItemGroup";
+export { FormItemGroup, FormItemGroupProps } from "./FormItemGroup/FormItemGroup";
 export { FormItemGroupStyled } from "./FormItemGroup/FormItemGroup.styled";
-export { InputField } from "./InputField/InputField";
+export { InputField, InputFieldProps } from "./InputField/InputField";
 export { InputFieldStyled } from "./InputField/InputField.styled";
-export { TextArea } from "./TextArea/TextArea";
+export { TextArea, TextareaProps } from "./TextArea/TextArea";
 export { TextAreaStyled } from "./TextArea/TextArea.styled";
-export { InputLabel } from "./InputLabel/InputLabel";
-export { Select } from "./Select/Select";
+export { InputLabel, InputLabelProps } from "./InputLabel/InputLabel";
+export { Select, SelectProps } from "./Select/Select";
 export { SelectStyled } from "./Select/Select.styled";
-export { FileUpload } from "./InputField/FileUpload";
+export { FileUpload, FileUploadProps } from "./InputField/FileUpload";
 export { RadioGroup } from "./RadioButton/RadioGroup";
+export { RadioButtonProps, RadioGroupProps } from "./RadioButton/constants";
 export { RadioButton } from "./RadioButton/RadioButton";
 export { RadioButtonStyled } from "./RadioButton/RadioButton.styled";
-export { CheckBox } from "./CheckBox/CheckBox";
+export { CheckBox, CheckboxProps } from "./CheckBox/CheckBox";
 export { CheckBoxStyled } from "./CheckBox/CheckBox.styled";
-export { Switch } from "./CheckBox/Switch";
+export { Switch, SwitchProps } from "./CheckBox/Switch";
 export { SwitchStyled } from "./CheckBox/CheckBox.styled";

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

@@ -1,2 +1,2 @@
-export { HRule } from "./HRule";
+export { HRule, HRProps as HRuleProps } from "./HRule";
 export { HRuleStyled } from "./HRule.styled";

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

@@ -1,2 +1,2 @@
-export { InfoPanel } from "./InfoPanel";
+export { InfoPanel, InfoPanelProps } from "./InfoPanel";
 export { InfoPanelStyled } from "./InfoPanel.styled";

package/dist/cjs/components/Notification/NotificationItem/NotificationItem.styled.d.ts

@@ -1 +1 @@
-export declare const NotificationItemStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLDivElement>, keyof import("./NotificationItem").NotificationItemCustomProps> & import("./NotificationItem").NotificationItemCustomProps, never>;
+export declare const NotificationItemStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLDivElement>, keyof import("./NotificationItem").NotificationItemCustomProps> & import("./NotificationItem").NotificationItemCustomProps, never>;

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

@@ -1,4 +1,4 @@
-export { NotificationsWrapper } from "./NotificationsWrapper/NotificationsWrapper";
+export { NotificationsWrapper, NotificationsWrapperProps } from "./NotificationsWrapper/NotificationsWrapper";
 export { NotificationsWrapperStyled } from "./NotificationsWrapper/NotificationsWrapper.styled";
-export { NotificationItem } from "./NotificationItem/NotificationItem";
+export { NotificationItem, NotificationItemProps } from "./NotificationItem/NotificationItem";
 export { NotificationItemStyled } from "./NotificationItem/NotificationItem.styled";

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

@@ -7,6 +7,7 @@ declare type PinInputFieldCustomProps = {
     mask?: boolean;
     otp?: boolean;
     autoFocus?: boolean;
+    pasteFromClipboard?: "enabled" | "disabled";
     spacing?: SpacingTypes;
 };
 export declare type PinInputFieldElementType = HTMLDivElement;

package/dist/cjs/components/PinInputField/PinInputField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../external/Element.js"),r=require("../Form/InputField/InputField.js"),l=require("./PinInputField.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Form/BaseInputComponent/BaseInputComponent.js"),require("../Form/InputLabel/InputLabel.js"),require("../Form/FormItem/FormItem.js"),require("../Form/FormItem/FormItem.styled.js"),require("styled-components"),require("../Form/InputField/InputField.styled.js"),require("../Form/Select/Select.styled.js"),require("../Form/TextArea/TextArea.styled.js"),require("../../external/theme.js"),require("../../external/DefaultColours.js");var u=/*#__PURE__*/n(e);function a(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}const s=u.default.forwardRef((({numberOfFields:n,onChange:s,type:o="number",mask:i=!1,otp:c=!1,autoFocus:m=!1,spacing:p="small"},d)=>{const[f,F]=e.useState([]),[y,g]=e.useState([]),[h,v]=e.useState(!0),[j,I]=e.useState(-1),q=e.useCallback((e=>{var t;const r=f[e];null===(t=null==r?void 0:r.current)||void 0===t||t.focus()}),[f]);e.useEffect((()=>{F((t=>Array(n).fill(0).map(((r,l)=>{var n;const u=t[l]||e.createRef();return m&&0===l&&(null===(n=u.current)||void 0===n||n.focus()),u}))))}),[n,m]);const b=e.useCallback((e=>{if(!h)return;const t=e+1<n?e+1:null;t&&q(t)}),[q,n,h]),k=e.useCallback(((e,t)=>{const r=[...y];r[t]=e,g(r),null==s||s(r.join(""));""!==e&&r.length===n&&r.every((e=>null!=e&&""!==e))||b(t)}),[b,n,s,y]),A=e.useCallback(((e,t)=>{let r=t;return(null==e?void 0:e.length)>0&&(e[0]===t.charAt(0)?r=t.charAt(1):e[0]===t.charAt(1)&&(r=t.charAt(0))),r}),[]),C=()=>{I(-1)};let x=[];return p&&x.push(`spacing-${p}`),u.default.createElement(t.Element,{as:l.PinInputStyled,classNames:x,ref:d},[...Array(n)].map(((e,t)=>u.default.createElement(r.InputField,{key:t,className:"pin-input-field",ref:f[t],type:i?"password":"number"===o?"tel":"text",inputMode:"number"===o?"numeric":"text",onChange:e=>((e,t)=>{const r=e.currentTarget.value,l=y[t],u=A(l,r);if(""!==u)if(r.length>1&&t<n-1){if(a(r,o)){const e=r.split("").filter(((e,t)=>t<n));g(e),q(t+e.length<n?t+e.length:n-1),null==s||s(e.join(""))}}else a(u,o)&&k(u,t),v(!0);else k("",t)})(e,t),onKeyDown:e=>((e,t)=>{var r;if("Backspace"===e.key)if(""===e.target.value){if(t>0){const e=t-1;k("",e),q(e),v(!0)}}else v(!1);else"Escape"===e.key?(null===(r=f[t].current)||void 0===r||r.blur(),C()):"ArrowRight"===e.key?t<n-1&&q(t+1):"ArrowLeft"===e.key&&t>0&&q(t-1)})(e,t),onFocus:e=>((e,t)=>{I(t),setTimeout((()=>{e.target.setSelectionRange(e.target.value.length,e.target.value.length)}),0)})(e,t),onBlur:C,placeholder:j!==t?"⦁":void 0,autoComplete:c?"one-time-code":"off",value:y[t]||"",autoFocus:m&&0===t}))))}));exports.PinInputField=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../external/Element.js"),r=require("../Form/InputField/InputField.js"),l=require("./PinInputField.styled.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../Form/BaseInputComponent/BaseInputComponent.js"),require("../Form/InputLabel/InputLabel.js"),require("../Form/FormItem/FormItem.js"),require("../Form/FormItem/FormItem.styled.js"),require("styled-components"),require("../Form/InputField/InputField.styled.js"),require("../Form/Select/Select.styled.js"),require("../Form/TextArea/TextArea.styled.js"),require("../../external/theme.js"),require("../../external/DefaultColours.js");var u=/*#__PURE__*/n(e);function a(e,t){return("alphanumeric"===t?/^[a-zA-Z0-9]+$/i:/^[0-9]+$/).test(e)}const s=u.default.forwardRef((({numberOfFields:n,onChange:s,type:o="number",mask:i=!1,otp:c=!1,autoFocus:p=!1,pasteFromClipboard:d="enabled",spacing:m="small"},f)=>{const[F,y]=e.useState([]),[v,g]=e.useState([]),[h,b]=e.useState(!0),[j,I]=e.useState(-1),q=e.useCallback((e=>{var t;const r=F[e];null===(t=null==r?void 0:r.current)||void 0===t||t.focus()}),[F]);e.useEffect((()=>{y((t=>Array(n).fill(0).map(((r,l)=>{var n;const u=t[l]||e.createRef();return p&&0===l&&(null===(n=u.current)||void 0===n||n.focus()),u}))))}),[n,p]);const C=e.useCallback((e=>{if(!h)return;const t=e+1<n?e+1:null;t&&q(t)}),[q,n,h]),k=e.useCallback(((e,t)=>{const r=[...v];r[t]=e,g(r),null==s||s(r.join(""));""!==e&&r.length===n&&r.every((e=>null!=e&&""!==e))||C(t)}),[C,n,s,v]),A=e.useCallback(((e,t)=>{let r=t;return(null==e?void 0:e.length)>0&&(e[0]===t.charAt(0)?r=t.charAt(1):e[0]===t.charAt(1)&&(r=t.charAt(0))),r}),[]),x=()=>{I(-1)};let S=[];return m&&S.push(`spacing-${m}`),u.default.createElement(t.Element,{as:l.PinInputStyled,classNames:S,ref:f},[...Array(n)].map(((e,t)=>u.default.createElement(r.InputField,{key:t,className:"pin-input-field",ref:F[t],type:i?"password":"number"===o?"tel":"text",inputMode:"number"===o?"numeric":"text",onChange:e=>((e,t)=>{const r=e.currentTarget.value,l=v[t],u=A(l,r);if(""!==u)if(r.length>1&&t<n-1){if(a(r,o)){const e=r.split("").filter(((e,t)=>t<n));g(e),q(t+e.length<n?t+e.length:n-1),null==s||s(e.join(""))}}else a(u,o)&&k(u,t),b(!0);else k("",t)})(e,t),onKeyDown:e=>((e,t)=>{var r;if("Backspace"===e.key)if(""===e.target.value){if(t>0){const e=t-1;k("",e),q(e),b(!0)}}else b(!1);else"Escape"===e.key?(null===(r=F[t].current)||void 0===r||r.blur(),x()):"ArrowRight"===e.key?t<n-1&&q(t+1):"ArrowLeft"===e.key&&t>0&&q(t-1)})(e,t),onFocus:e=>((e,t)=>{I(t),setTimeout((()=>{e.target.setSelectionRange(e.target.value.length,e.target.value.length)}),0)})(e,t),onBlur:x,placeholder:j!==t?"⦁":void 0,autoComplete:c?"one-time-code":"off",value:v[t]||"",autoFocus:p&&0===t,onCopy:e=>"disabled"===d&&e.preventDefault(),onPaste:e=>"disabled"===d&&e.preventDefault()}))))}));exports.PinInputField=s;
 //# sourceMappingURL=PinInputField.js.map

package/dist/cjs/components/PinInputField/PinInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PinInputField.js","sources":["../../../../src/components/PinInputField/PinInputField.tsx"],"sourcesContent":["import React, { createRef, useCallback, useEffect, useState } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { InputField } from \"../Form/InputField/InputField\";\n\nimport { PinInputStyled } from \"./PinInputField.styled\";\n\n// prettier-ignore\ntype PinInputFieldCustomProps = {\n    numberOfFields   : number;\n    onChange       ? : (value : string) => void;\n    type           ? : \"alphanumeric\" | \"number\";\n    mask           ? : boolean;\n    otp            ? : boolean;\n    autoFocus      ? : boolean;\n    spacing        ? : SpacingTypes;\n};\n\nexport type PinInputFieldElementType = HTMLDivElement;\nexport type PinInputFieldProps = Omit<CommonAndHTMLProps<PinInputFieldElementType>, keyof PinInputFieldCustomProps> &\n    PinInputFieldCustomProps;\n\nfunction validate(value: string, type: \"alphanumeric\" | \"number\") {\n    const NUMERIC_REGEX = /^[0-9]+$/;\n    const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i;\n    const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX;\n    return regex.test(value);\n}\n\nexport const PinInputField = React.forwardRef(\n    (\n        {\n            numberOfFields: length,\n            onChange,\n            type = \"number\",\n            mask = false,\n            otp = false,\n            autoFocus = false,\n            spacing = \"small\",\n        }: PinInputFieldProps,\n        ref: React.Ref<PinInputFieldElementType>\n    ) => {\n        const [inputRefs, setInputRefs] = useState<React.RefObject<HTMLInputElement>[]>([]);\n        const [values, setValues] = useState<string[]>([]);\n        const [moveFocus, setMoveFocus] = useState<boolean>(true);\n        const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n        const focus = useCallback(\n            (index: number) => {\n                const ref = inputRefs[index];\n                ref?.current?.focus();\n            },\n            [inputRefs]\n        );\n\n        useEffect(() => {\n            setInputRefs((inputRefs) => {\n                const refs = Array(length)\n                    .fill(0)\n                    .map((_, i) => {\n                        const ref = inputRefs[i] || createRef();\n                        if (autoFocus && i === 0) {\n                            ref.current?.focus();\n                        }\n                        return ref;\n                    });\n                return refs;\n            });\n        }, [length, autoFocus]);\n\n        const focusNext = useCallback(\n            (index: number) => {\n                if (!moveFocus) return;\n                const next = index + 1 < length ? index + 1 : null;\n                if (next) {\n                    focus(next);\n                }\n            },\n            [focus, length, moveFocus]\n        );\n\n        const setValue = useCallback(\n            (value: string, index: number) => {\n                const nextValues = [...values];\n                nextValues[index] = value;\n                setValues(nextValues);\n                onChange?.(nextValues.join(\"\"));\n\n                const isComplete =\n                    value !== \"\" &&\n                    nextValues.length === length &&\n                    nextValues.every((inputValue) => inputValue != null && inputValue !== \"\");\n\n                if (!isComplete) {\n                    focusNext(index);\n                }\n            },\n            [focusNext, length, onChange, values]\n        );\n\n        const getNextValue = useCallback((value: string, eventValue: string) => {\n            let nextValue = eventValue;\n            if (value?.length > 0) {\n                if (value[0] === eventValue.charAt(0)) {\n                    nextValue = eventValue.charAt(1);\n                } else if (value[0] === eventValue.charAt(1)) {\n                    nextValue = eventValue.charAt(0);\n                }\n            }\n            return nextValue;\n        }, []);\n\n        const handleInputChange = (event: React.FormEvent<HTMLInputElement>, i: number) => {\n            const eventValue = event.currentTarget.value;\n            const currentValue = values[i];\n            const nextValue = getNextValue(currentValue, eventValue);\n\n            if (nextValue === \"\") {\n                setValue(\"\", i);\n                return;\n            }\n\n            if (eventValue.length > 1 && i < length - 1) {\n                if (validate(eventValue, type)) {\n                    const nextValue = eventValue.split(\"\").filter((_, index) => index < length);\n                    setValues(nextValue);\n                    focus(i + nextValue.length < length ? i + nextValue.length : length - 1);\n                    onChange?.(nextValue.join(\"\"));\n                }\n            } else {\n                if (validate(nextValue, type)) {\n                    setValue(nextValue, i);\n                }\n                setMoveFocus(true);\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent, i: number) => {\n            if (event.key === \"Backspace\") {\n                if ((event.target as HTMLInputElement).value === \"\") {\n                    if (i > 0) {\n                        const newIndex = i - 1;\n                        setValue(\"\", newIndex);\n                        focus(newIndex);\n                        setMoveFocus(true);\n                    }\n                } else {\n                    setMoveFocus(false);\n                }\n            } else if (event.key === \"Escape\") {\n                inputRefs[i].current?.blur();\n                onBlur();\n            } else if (event.key === \"ArrowRight\") {\n                if (i < length - 1) {\n                    focus(i + 1);\n                }\n            } else if (event.key === \"ArrowLeft\") {\n                if (i > 0) {\n                    focus(i - 1);\n                }\n            }\n        };\n\n        const onFocus = (e: React.FocusEvent<HTMLInputElement>, i: number) => {\n            setFocusedIndex(i);\n            setTimeout(() => {\n                // https://github.com/facebook/react/issues/6483\n                e.target.setSelectionRange(e.target.value.length, e.target.value.length);\n            }, 0);\n        };\n\n        const onBlur = () => {\n            setFocusedIndex(-1);\n        };\n\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        return (\n            <Element<PinInputFieldElementType> as={PinInputStyled} classNames={classNames} ref={ref}>\n                {[...Array(length)].map((_, i) => (\n                    <InputField\n                        key={i}\n                        className=\"pin-input-field\"\n                        ref={inputRefs[i]}\n                        type={mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\"}\n                        inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n                        onChange={(e) => handleInputChange(e, i)}\n                        onKeyDown={(e) => onKeyDown(e, i)}\n                        onFocus={(e) => onFocus(e, i)}\n                        onBlur={onBlur}\n                        placeholder={focusedIndex !== i ? `\\u2981` : undefined}\n                        autoComplete={otp ? \"one-time-code\" : \"off\"}\n                        value={values[i] || \"\"}\n                        autoFocus={autoFocus && i === 0}\n                    />\n                ))}\n            </Element>\n        );\n    }\n);\n"],"names":["validate","value","type","test","PinInputField","React","forwardRef","numberOfFields","length","onChange","mask","otp","autoFocus","spacing","ref","inputRefs","setInputRefs","useState","values","setValues","moveFocus","setMoveFocus","focusedIndex","setFocusedIndex","focus","useCallback","index","current","useEffect","Array","fill","map","_","i","createRef","focusNext","next","setValue","nextValues","join","every","inputValue","getNextValue","eventValue","nextValue","charAt","onBlur","classNames","push","Element","as","PinInputStyled","InputField","key","className","inputMode","e","event","currentTarget","currentValue","split","filter","handleInputChange","onKeyDown","target","newIndex","blur","onFocus","setTimeout","setSelectionRange","placeholder","undefined","autoComplete"],"mappings":"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"}
+{"version":3,"file":"PinInputField.js","sources":["../../../../src/components/PinInputField/PinInputField.tsx"],"sourcesContent":["import React, { createRef, useCallback, useEffect, useState } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\nimport { InputField } from \"../Form/InputField/InputField\";\n\nimport { PinInputStyled } from \"./PinInputField.styled\";\n\n// prettier-ignore\ntype PinInputFieldCustomProps = {\n    numberOfFields       : number;\n    onChange           ? : (value : string) => void;\n    type               ? : \"alphanumeric\" | \"number\";\n    mask               ? : boolean;\n    otp                ? : boolean;\n    autoFocus          ? : boolean;\n    pasteFromClipboard ? : \"enabled\" | \"disabled\";\n    spacing            ? : SpacingTypes;\n};\n\nexport type PinInputFieldElementType = HTMLDivElement;\nexport type PinInputFieldProps = Omit<CommonAndHTMLProps<PinInputFieldElementType>, keyof PinInputFieldCustomProps> &\n    PinInputFieldCustomProps;\n\nfunction validate(value: string, type: \"alphanumeric\" | \"number\") {\n    const NUMERIC_REGEX = /^[0-9]+$/;\n    const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i;\n    const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX;\n    return regex.test(value);\n}\n\nexport const PinInputField = React.forwardRef(\n    (\n        {\n            numberOfFields: length,\n            onChange,\n            type = \"number\",\n            mask = false,\n            otp = false,\n            autoFocus = false,\n            pasteFromClipboard = \"enabled\",\n            spacing = \"small\",\n        }: PinInputFieldProps,\n        ref: React.Ref<PinInputFieldElementType>\n    ) => {\n        const [inputRefs, setInputRefs] = useState<React.RefObject<HTMLInputElement>[]>([]);\n        const [values, setValues] = useState<string[]>([]);\n        const [moveFocus, setMoveFocus] = useState<boolean>(true);\n        const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n        const focus = useCallback(\n            (index: number) => {\n                const ref = inputRefs[index];\n                ref?.current?.focus();\n            },\n            [inputRefs]\n        );\n\n        useEffect(() => {\n            setInputRefs((inputRefs) => {\n                const refs = Array(length)\n                    .fill(0)\n                    .map((_, i) => {\n                        const ref = inputRefs[i] || createRef();\n                        if (autoFocus && i === 0) {\n                            ref.current?.focus();\n                        }\n                        return ref;\n                    });\n                return refs;\n            });\n        }, [length, autoFocus]);\n\n        const focusNext = useCallback(\n            (index: number) => {\n                if (!moveFocus) return;\n                const next = index + 1 < length ? index + 1 : null;\n                if (next) {\n                    focus(next);\n                }\n            },\n            [focus, length, moveFocus]\n        );\n\n        const setValue = useCallback(\n            (value: string, index: number) => {\n                const nextValues = [...values];\n                nextValues[index] = value;\n                setValues(nextValues);\n                onChange?.(nextValues.join(\"\"));\n\n                const isComplete =\n                    value !== \"\" &&\n                    nextValues.length === length &&\n                    nextValues.every((inputValue) => inputValue != null && inputValue !== \"\");\n\n                if (!isComplete) {\n                    focusNext(index);\n                }\n            },\n            [focusNext, length, onChange, values]\n        );\n\n        const getNextValue = useCallback((value: string, eventValue: string) => {\n            let nextValue = eventValue;\n            if (value?.length > 0) {\n                if (value[0] === eventValue.charAt(0)) {\n                    nextValue = eventValue.charAt(1);\n                } else if (value[0] === eventValue.charAt(1)) {\n                    nextValue = eventValue.charAt(0);\n                }\n            }\n            return nextValue;\n        }, []);\n\n        const handleInputChange = (event: React.FormEvent<HTMLInputElement>, i: number) => {\n            const eventValue = event.currentTarget.value;\n            const currentValue = values[i];\n            const nextValue = getNextValue(currentValue, eventValue);\n\n            if (nextValue === \"\") {\n                setValue(\"\", i);\n                return;\n            }\n\n            if (eventValue.length > 1 && i < length - 1) {\n                if (validate(eventValue, type)) {\n                    const nextValue = eventValue.split(\"\").filter((_, index) => index < length);\n                    setValues(nextValue);\n                    focus(i + nextValue.length < length ? i + nextValue.length : length - 1);\n                    onChange?.(nextValue.join(\"\"));\n                }\n            } else {\n                if (validate(nextValue, type)) {\n                    setValue(nextValue, i);\n                }\n                setMoveFocus(true);\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent, i: number) => {\n            if (event.key === \"Backspace\") {\n                if ((event.target as HTMLInputElement).value === \"\") {\n                    if (i > 0) {\n                        const newIndex = i - 1;\n                        setValue(\"\", newIndex);\n                        focus(newIndex);\n                        setMoveFocus(true);\n                    }\n                } else {\n                    setMoveFocus(false);\n                }\n            } else if (event.key === \"Escape\") {\n                inputRefs[i].current?.blur();\n                onBlur();\n            } else if (event.key === \"ArrowRight\") {\n                if (i < length - 1) {\n                    focus(i + 1);\n                }\n            } else if (event.key === \"ArrowLeft\") {\n                if (i > 0) {\n                    focus(i - 1);\n                }\n            }\n        };\n\n        const onFocus = (e: React.FocusEvent<HTMLInputElement>, i: number) => {\n            setFocusedIndex(i);\n            setTimeout(() => {\n                // https://github.com/facebook/react/issues/6483\n                e.target.setSelectionRange(e.target.value.length, e.target.value.length);\n            }, 0);\n        };\n\n        const onBlur = () => {\n            setFocusedIndex(-1);\n        };\n\n        let classNames = [];\n\n        if (spacing) {\n            classNames.push(`spacing-${spacing}`);\n        }\n\n        return (\n            <Element<PinInputFieldElementType> as={PinInputStyled} classNames={classNames} ref={ref}>\n                {[...Array(length)].map((_, i) => (\n                    <InputField\n                        key={i}\n                        className=\"pin-input-field\"\n                        ref={inputRefs[i]}\n                        type={mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\"}\n                        inputMode={type === \"number\" ? \"numeric\" : \"text\"}\n                        onChange={(e) => handleInputChange(e, i)}\n                        onKeyDown={(e) => onKeyDown(e, i)}\n                        onFocus={(e) => onFocus(e, i)}\n                        onBlur={onBlur}\n                        placeholder={focusedIndex !== i ? `\\u2981` : undefined}\n                        autoComplete={otp ? \"one-time-code\" : \"off\"}\n                        value={values[i] || \"\"}\n                        autoFocus={autoFocus && i === 0}\n                        onCopy={e=> pasteFromClipboard === \"disabled\" && e.preventDefault()}\n                        onPaste={e=> pasteFromClipboard === \"disabled\" && e.preventDefault()}\n                    />\n                ))}\n            </Element>\n        );\n    }\n);\n"],"names":["validate","value","type","test","PinInputField","React","forwardRef","numberOfFields","length","onChange","mask","otp","autoFocus","pasteFromClipboard","spacing","ref","inputRefs","setInputRefs","useState","values","setValues","moveFocus","setMoveFocus","focusedIndex","setFocusedIndex","focus","useCallback","index","current","useEffect","Array","fill","map","_","i","createRef","focusNext","next","setValue","nextValues","join","every","inputValue","getNextValue","eventValue","nextValue","charAt","onBlur","classNames","push","Element","as","PinInputStyled","InputField","key","className","inputMode","e","event","currentTarget","currentValue","split","filter","handleInputChange","onKeyDown","target","newIndex","blur","onFocus","setTimeout","setSelectionRange","placeholder","undefined","autoComplete","onCopy","preventDefault","onPaste"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { PinInputField } from "./PinInputField";
+export { PinInputField, PinInputFieldProps } from "./PinInputField";
 export { PinInputStyled } from "./PinInputField.styled";

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

@@ -1,2 +1,2 @@
-export { Portion } from "./Portion";
+export { Portion, PortionProps } from "./Portion";
 export { PortionStyled } from "./Portion.styled";

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

@@ -1,2 +1,2 @@
-export { ProgressBar } from "./ProgressBar";
+export { ProgressBar, ProgressBarProps } from "./ProgressBar";
 export { ProgressBarStyled } from "./ProgressBar.styled";

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

@@ -1,2 +1,2 @@
-export { Row } from "./Row";
+export { Row, RowProps } from "./Row";
 export { RowStyled } from "./Row.styled";

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

@@ -1,12 +1,12 @@
-export { SidebarWrapper } from "./SidebarWrapper/SidebarWrapper";
+export { SidebarWrapper, SidebarWrapperProps } from "./SidebarWrapper/SidebarWrapper";
 export { SidebarWrapperStyled } from "./SidebarWrapper/SidebarWrapper.styled";
-export { SidebarHeader } from "./SidebarHeader/SidebarHeader";
+export { SidebarHeader, SidebarHeaderProps } from "./SidebarHeader/SidebarHeader";
 export { SidebarHeaderStyled } from "./SidebarHeader/SidebarHeader.styled";
-export { SidebarItem } from "./SidebarItem/SidebarItem";
+export { SidebarItem, SidebarItemProps } from "./SidebarItem/SidebarItem";
 export { SidebarItemStyled } from "./SidebarItem/SidebarItem.styled";
-export { SidebarItemIcon } from "./SidebarItemIcon/SidebarItemIcon";
+export { SidebarItemIcon, SidebarItemIconProps } from "./SidebarItemIcon/SidebarItemIcon";
 export { SidebarItemIconStyled } from "./SidebarItemIcon/SidebarItemIcon.styled";
-export { SidebarItemText } from "./SidebarItemText/SidebarItemText";
+export { SidebarItemText, SidebarItemTextProps } from "./SidebarItemText/SidebarItemText";
 export { SidebarItemTextStyled } from "./SidebarItemText/SidebarItemText.styled";
-export { SidebarFooter } from "./SidebarFooter/SidebarFooter";
+export { SidebarFooter, SidebarFooterProps } from "./SidebarFooter/SidebarFooter";
 export { SidebarFooterStyled } from "./SidebarFooter/SidebarFooter.styled";

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

@@ -1,2 +1,2 @@
-export { Spinner } from "./Spinner";
+export { Spinner, SpinnerProps } from "./Spinner";
 export { SpinnerStyled } from "./Spinner.styled";

package/dist/cjs/components/Table/TablePagination/TablePagination.styled.d.ts

@@ -1 +1 @@
-export declare const TablePaginationStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLElement>, keyof import("./TablePagination").TablePaginationCustomProps> & import("./TablePagination").TablePaginationCustomProps, never>;
+export declare const TablePaginationStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element").CommonAndHTMLProps<HTMLElement>, keyof import("./TablePagination").TablePaginationCustomProps> & import("./TablePagination").TablePaginationCustomProps, never>;

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

@@ -0,0 +1,4 @@
+export { Table, TableProps } from "./Table";
+export { TableStyled } from "./Table.styled";
+export { TablePagination, TablePaginationProps } from "./TablePagination/TablePagination";
+export { TablePaginationStyled } from "./TablePagination/TablePagination.styled";

package/dist/cjs/components/Table/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Table.js"),r=require("./Table.styled.js"),a=require("./TablePagination/TablePagination.js"),i=require("./TablePagination/TablePagination.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),require("../Typography/Heading.js"),require("../Typography/Text.js"),require("../Spinner/Spinner.js"),require("../Spinner/Spinner.styled.js"),exports.Table=e.Table,exports.TableStyled=r.TableStyled,exports.TablePagination=a.TablePagination,exports.TablePaginationStyled=i.TablePaginationStyled;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/components/Tabs/Tabs.styled.js

@@ -1,2 +1,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/t(require("styled-components")).default.section.withConfig({displayName:"TabsStyled",componentId:"-142ybjz"})`nav{width:100%;display:flex;align-items:center;ul.tab-labels-list{padding:0;display:flex;li{list-style-type:none;}li:not(last-child)> p{margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}p{position:relative;}p:hover{color:${t=>t.theme.tabs.label.onHover.text};}p.is-active{color:${t=>t.theme.tabs.label.isActive.text};}p.is-right-aligned{margin-left:auto;margin-right:0;}p.is-active::after{display:block;position:absolute;width:100%;height:3px;bottom:-3px;left:0;content:"";border-top-left-radius:3px;border-top-right-radius:3px;background-color:${t=>t.theme.tabs.label.isActive.border};}p.has-alert::after{position:absolute;top:12px;left:94%;border:3px solid ${t=>t.theme.tabs.label.hasAlert.circle.border};width:14px;height:14px;background-color:${t=>t.theme.tabs.label.hasAlert.circle.bg};border-radius:50%;}p.disabled-navlink{color:${t=>t.theme.tabs.label.isDisabled.text};cursor:not-allowed;}}}.tabs-content{opacity:1;transition:opacity 0.4s ease-in-out;&.exiting{opacity:0;}}`;exports.TabsStyled=e;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/t(require("styled-components")).default.section.withConfig({displayName:"TabsStyled",componentId:"-142ybjz"})`nav{width:100%;display:flex;align-items:center;ul.tab-labels-list{margin:0;padding:0;display:flex;li{list-style-type:none;}li:not(last-child)> p{margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}p{position:relative;}p:hover{color:${t=>t.theme.tabs.label.onHover.text};}p.is-active{color:${t=>t.theme.tabs.label.isActive.text};}p.is-right-aligned{margin-left:auto;margin-right:0;}p.is-active::after{display:block;position:absolute;width:100%;height:3px;bottom:-3px;left:0;content:"";border-top-left-radius:3px;border-top-right-radius:3px;background-color:${t=>t.theme.tabs.label.isActive.border};}p.has-alert::after{position:absolute;top:12px;left:94%;border:3px solid ${t=>t.theme.tabs.label.hasAlert.circle.border};width:14px;height:14px;background-color:${t=>t.theme.tabs.label.hasAlert.circle.bg};border-radius:50%;}p.disabled-navlink{color:${t=>t.theme.tabs.label.isDisabled.text};cursor:not-allowed;}}}.tabs-content{opacity:1;transition:opacity 0.4s ease-in-out;&.exiting{opacity:0;}}`;exports.TabsStyled=e;
 //# sourceMappingURL=Tabs.styled.js.map

package/dist/cjs/components/Tabs/Tabs.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n    nav {\n        width       : 100%;\n        display     : flex;\n        align-items : center;\n\n        ul.tab-labels-list {\n            padding : 0;\n            display : flex;\n\n            li {\n                list-style-type : none;\n            }\n\n            li:not(last-child) > p {\n                margin-right  : 24px;\n                color         : ${props => props.theme.tabs.label.default.text};\n                font-weight   : 400;\n                padding       : 16px 0;\n                border-bottom : 2px solid transparent;\n            }\n\n            p { position : relative; }\n        \n            p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n            p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n            \n            p.is-right-aligned {\n                margin-left  : auto;\n                margin-right : 0;\n            }\n\n            p.is-active::after {\n                display                 : block;\n                position                : absolute;\n                width                   : 100%;\n                height                  : 3px;\n                bottom                  : -3px;\n                left                    : 0;\n                content                 : \"\";\n                border-top-left-radius  : 3px;\n                border-top-right-radius : 3px;\n                background-color        : ${props => props.theme.tabs.label.isActive.border};\n            }\n        \n            p.has-alert::after {\n                position         : absolute;\n                top              : 12px;\n                left             : 94%;\n                border           : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n                width            : 14px;\n                height           : 14px;\n                background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n                border-radius    : 50%;\n            }\n        \n            p.disabled-navlink {\n                color  : ${props => props.theme.tabs.label.isDisabled.text};\n                cursor : not-allowed;\n            }\n        }\n    }\n\n    .tabs-content {\n        opacity    : 1;\n        transition : opacity 0.4s ease-in-out;\n\n        &.exiting { opacity: 0;  }\n    }\n`;\n"],"names":["TabsStyled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"kJAEaA,uDAAoBC,wOAgBCC,GAASA,EAAMC,MAAMC,KAAKC,MAAMC,QAAQC,+GAQ1CL,GAASA,EAAMC,MAAMC,KAAKC,MAAMG,QAAQD,2BAEpCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASF,4OAiBjCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASC,mFAOtCR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOF,kDAG1DR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOC,kDAK1DX,GAASA,EAAMC,MAAMC,KAAKC,MAAMS,WAAWP"}
+{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n    nav {\n        width       : 100%;\n        display     : flex;\n        align-items : center;\n\n        ul.tab-labels-list {\n            margin  : 0;\n            padding : 0;\n            display : flex;\n\n            li {\n                list-style-type : none;\n            }\n\n            li:not(last-child) > p {\n                margin-right  : 24px;\n                color         : ${props => props.theme.tabs.label.default.text};\n                font-weight   : 400;\n                padding       : 16px 0;\n                border-bottom : 2px solid transparent;\n            }\n\n            p { position : relative; }\n        \n            p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n            p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n            \n            p.is-right-aligned {\n                margin-left  : auto;\n                margin-right : 0;\n            }\n\n            p.is-active::after {\n                display                 : block;\n                position                : absolute;\n                width                   : 100%;\n                height                  : 3px;\n                bottom                  : -3px;\n                left                    : 0;\n                content                 : \"\";\n                border-top-left-radius  : 3px;\n                border-top-right-radius : 3px;\n                background-color        : ${props => props.theme.tabs.label.isActive.border};\n            }\n        \n            p.has-alert::after {\n                position         : absolute;\n                top              : 12px;\n                left             : 94%;\n                border           : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n                width            : 14px;\n                height           : 14px;\n                background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n                border-radius    : 50%;\n            }\n        \n            p.disabled-navlink {\n                color  : ${props => props.theme.tabs.label.isDisabled.text};\n                cursor : not-allowed;\n            }\n        }\n    }\n\n    .tabs-content {\n        opacity    : 1;\n        transition : opacity 0.4s ease-in-out;\n\n        &.exiting { opacity: 0;  }\n    }\n`;\n"],"names":["TabsStyled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"kJAEaA,uDAAoBC,iPAiBCC,GAASA,EAAMC,MAAMC,KAAKC,MAAMC,QAAQC,+GAQ1CL,GAASA,EAAMC,MAAMC,KAAKC,MAAMG,QAAQD,2BAEpCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASF,4OAiBjCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASC,mFAOtCR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOF,kDAG1DR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOC,kDAK1DX,GAASA,EAAMC,MAAMC,KAAKC,MAAMS,WAAWP"}

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

@@ -1,2 +1,2 @@
-export { Tabs } from "./Tabs";
+export { Tabs, TabsProps } from "./Tabs";
 export { TabsStyled } from "./Tabs.styled";

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

@@ -1,4 +1,4 @@
-export { ToastsWrapper } from "./ToastsWrapper/ToastsWrapper";
+export { ToastsWrapper, NotificationsWrapperProps as ToastsWrapperProps } from "./ToastsWrapper/ToastsWrapper";
 export { ToastsWrapperStyled } from "./ToastsWrapper/ToastsWrapper.styled";
-export { ToastItem } from "./ToastItem/ToastItem";
+export { ToastItem, ToastItemProps } from "./ToastItem/ToastItem";
 export { ToastItemStyled } from "./ToastItem/ToastItem.styled";

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

@@ -1,2 +1,2 @@
-export { Tooltip } from "./Tooltip";
+export { Tooltip, TooltipProps } from "./Tooltip";
 export { TooltipStyled } from "./Tooltip.styled";

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

@@ -1,3 +1,3 @@
-export { Text } from "./Text";
-export { Heading } from "./Heading";
+export { Text, TextProps } from "./Text";
+export { Heading, HeadingProps } from "./Heading";
 export { TypographyStyled } from "./Typography.styled";

package/dist/cjs/index.d.ts

@@ -1,29 +1,28 @@
-export { Badge, BadgeStyled } from "./components/Badge";
-export { BottomDrawer, BottomDrawerStyled } from "./components/BottomDrawer";
-export { BreadcrumbsWrapper, BreadcrumbsWrapperStyled, BreadcrumbItem, BreadcrumbItemStyled } from "./components/Breadcrumbs";
-export { Button, ButtonStyled } from "./components/Button";
-export { Callout, CalloutStyled } from "./components/Callout";
-export { Card, CardStyled } from "./components/Card";
-export { CodeBlock, CodeStyled } from "./components/CodeBlock";
-export { Element } from "./components/Element";
-export { ExpandableContent, ExpandableContentStyled } from "./components/ExpandableContent";
-export { HRule, HRuleStyled } from "./components/HRule";
-export { FormWrapper, FormWrapperStyled, FormItem, FormItemStyled, FormItemGroup, FormItemGroupStyled, InputField, InputFieldStyled, TextArea, TextAreaStyled, InputLabel, Select, SelectStyled, FileUpload, RadioGroup, RadioButton, RadioButtonStyled, CheckBox, CheckBoxStyled, Switch, SwitchStyled } from "./components/Form";
-export { Row, RowStyled } from "./components/Row";
-export { Portion, PortionStyled } from "./components/Portion";
-export { InfoPanel, InfoPanelStyled } from "./components/InfoPanel";
-export { NotificationsWrapper, NotificationsWrapperStyled, NotificationItem, NotificationItemStyled } from "./components/Notification";
-export { PinInputField, PinInputStyled } from "./components/PinInputField";
-export { ProgressBar, ProgressBarStyled } from "./components/ProgressBar";
-export { SidebarWrapper, SidebarWrapperStyled, SidebarHeader, SidebarHeaderStyled, SidebarItem, SidebarItemStyled, SidebarItemIcon, SidebarItemIconStyled, SidebarItemText, SidebarItemTextStyled, SidebarFooter, SidebarFooterStyled } from "./components/Sidebar";
-export { ContentWrapper, ContentWrapperStyled } from "./components/ContentWrapper";
-export { Spinner, SpinnerStyled } from "./components/Spinner";
-export { Table } from "./components/Table/Table";
-export { TablePagination } from "./components/Table/TablePagination/TablePagination";
-export { Tabs, TabsStyled } from "./components/Tabs";
-export { Text, Heading, TypographyStyled } from "./components/Typography";
-export { ToastsWrapper, ToastsWrapperStyled, ToastItem, ToastItemStyled } from "./components/Toast";
-export { Tooltip, TooltipStyled } from "./components/Tooltip";
+export { Badge, BadgeStyled, BadgeProps } from "./components/Badge";
+export { BottomDrawer, BottomDrawerStyled, BottomDrawerProps } from "./components/BottomDrawer";
+export { BreadcrumbsWrapper, BreadcrumbsWrapperStyled, BreadcrumbsWrapperProps, BreadcrumbItem, BreadcrumbItemStyled, BreadcrumbItemProps } from "./components/Breadcrumbs";
+export { Button, ButtonStyled, ButtonProps } from "./components/Button";
+export { Callout, CalloutStyled, CalloutProps } from "./components/Callout";
+export { Card, CardStyled, CardProps } from "./components/Card";
+export { CodeBlock, CodeBlockStyled, CodeBlockProps } from "./components/CodeBlock";
+export { Element, ElementProps, CommonAndHTMLProps } from "./components/Element";
+export { ExpandableContent, ExpandableContentStyled, ExpandableContentProps } from "./components/ExpandableContent";
+export { HRule, HRuleStyled, HRuleProps } from "./components/HRule";
+export { FormWrapper, FormWrapperStyled, FormWrapperProps, FormItem, FormItemStyled, FormItemProps, FormItemGroup, FormItemGroupStyled, FormItemGroupProps, InputField, InputFieldStyled, InputFieldProps, TextArea, TextAreaStyled, TextareaProps, InputLabel, InputLabelProps, Select, SelectStyled, SelectProps, FileUpload, FileUploadProps, RadioGroup, RadioGroupProps, RadioButton, RadioButtonStyled, RadioButtonProps, CheckBox, CheckBoxStyled, CheckboxProps, Switch, SwitchStyled, SwitchProps } from "./components/Form";
+export { Row, RowStyled, RowProps } from "./components/Row";
+export { Portion, PortionStyled, PortionProps } from "./components/Portion";
+export { InfoPanel, InfoPanelStyled, InfoPanelProps } from "./components/InfoPanel";
+export { NotificationsWrapper, NotificationsWrapperStyled, NotificationsWrapperProps, NotificationItem, NotificationItemStyled, NotificationItemProps } from "./components/Notification";
+export { PinInputField, PinInputStyled, PinInputFieldProps } from "./components/PinInputField";
+export { ProgressBar, ProgressBarStyled, ProgressBarProps } from "./components/ProgressBar";
+export { SidebarWrapper, SidebarWrapperStyled, SidebarWrapperProps, SidebarHeader, SidebarHeaderStyled, SidebarHeaderProps, SidebarItem, SidebarItemStyled, SidebarItemProps, SidebarItemIcon, SidebarItemIconStyled, SidebarItemIconProps, SidebarItemText, SidebarItemTextStyled, SidebarItemTextProps, SidebarFooter, SidebarFooterStyled, SidebarFooterProps } from "./components/Sidebar";
+export { ContentWrapper, ContentWrapperStyled, ContentWrapperProps } from "./components/ContentWrapper";
+export { Spinner, SpinnerStyled, SpinnerProps } from "./components/Spinner";
+export { Table, TableStyled, TableProps, TablePagination, TablePaginationStyled, TablePaginationProps } from "./components/Table";
+export { Tabs, TabsStyled, TabsProps } from "./components/Tabs";
+export { Text, TextProps, Heading, HeadingProps, TypographyStyled } from "./components/Typography";
+export { ToastsWrapper, ToastsWrapperStyled, ToastsWrapperProps, ToastItem, ToastItemStyled, ToastItemProps } from "./components/Toast";
+export { Tooltip, TooltipStyled, TooltipProps } from "./components/Tooltip";
 export { defaultColours } from "./styles/DefaultColours";
 export { FictoanTheme } from "./styles/theme";
 export { ThemeProvider } from "./components/ThemeProvider/ThemeProvider";

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/Table/Table.js"),r=require("./components/Table/TablePagination/TablePagination.js"),t=require("./external/DefaultColours.js"),o=require("./external/theme.js"),s=require("./components/ThemeProvider/ThemeProvider.js"),n=require("./components/Badge/Badge.js"),p=require("./components/Badge/Badge.styled.js"),a=require("./components/BottomDrawer/BottomDrawer.js"),i=require("./components/BottomDrawer/BottomDrawer.styled.js"),d=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.js"),m=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js"),l=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js"),u=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js"),c=require("./components/Button/Button.js"),S=require("./components/Button/Button.styled.js"),y=require("./components/Callout/Callout.js"),x=require("./components/Callout/Callout.styled.js"),b=require("./components/Card/Card.js"),I=require("./components/Card/Card.styled.js"),q=require("./components/CodeBlock/CodeBlock.js"),j=require("./components/CodeBlock/Code.styled.js"),T=require("./external/Element.js"),B=require("./components/ExpandableContent/ExpandableContent.js"),F=require("./components/ExpandableContent/ExpandableContent.styled.js"),C=require("./components/HRule/HRule.js"),W=require("./components/HRule/HRule.styled.js"),P=require("./components/Form/FormWrapper/FormWrapper.js"),f=require("./components/Form/FormWrapper/FormWrapper.styled.js"),g=require("./components/Form/FormItem/FormItem.js"),h=require("./components/Form/FormItem/FormItem.styled.js"),R=require("./components/Form/FormItemGroup/FormItemGroup.js"),w=require("./components/Form/FormItemGroup/FormItemGroup.styled.js"),N=require("./components/Form/InputField/InputField.js"),H=require("./components/Form/InputField/InputField.styled.js"),k=require("./components/Form/TextArea/TextArea.js"),G=require("./components/Form/TextArea/TextArea.styled.js"),E=require("./components/Form/InputLabel/InputLabel.js"),D=require("./components/Form/Select/Select.js"),v=require("./components/Form/Select/Select.styled.js"),A=require("./components/Form/InputField/FileUpload.js"),L=require("./components/Form/RadioButton/RadioGroup.js"),U=require("./components/Form/RadioButton/RadioButton.js"),_=require("./components/Form/RadioButton/RadioButton.styled.js"),M=require("./components/Form/CheckBox/CheckBox.js"),O=require("./components/Form/CheckBox/CheckBox.styled.js"),z=require("./components/Form/CheckBox/Switch.js"),J=require("./components/Row/Row.js"),K=require("./components/Row/Row.styled.js"),Q=require("./components/Portion/Portion.js"),V=require("./components/Portion/Portion.styled.js"),X=require("./components/InfoPanel/InfoPanel.js"),Y=require("./components/InfoPanel/InfoPanel.styled.js"),Z=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.js"),$=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js"),ee=require("./components/Notification/NotificationItem/NotificationItem.js"),re=require("./components/Notification/NotificationItem/NotificationItem.styled.js"),te=require("./components/PinInputField/PinInputField.js"),oe=require("./components/PinInputField/PinInputField.styled.js"),se=require("./components/ProgressBar/ProgressBar.js"),ne=require("./components/ProgressBar/ProgressBar.styled.js"),pe=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.js"),ae=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js"),ie=require("./components/Sidebar/SidebarHeader/SidebarHeader.js"),de=require("./components/Sidebar/SidebarHeader/SidebarHeader.styled.js"),me=require("./components/Sidebar/SidebarItem/SidebarItem.js"),le=require("./components/Sidebar/SidebarItem/SidebarItem.styled.js"),ue=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.js"),ce=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js"),Se=require("./components/Sidebar/SidebarItemText/SidebarItemText.js"),ye=require("./components/Sidebar/SidebarItemText/SidebarItemText.styled.js"),xe=require("./components/Sidebar/SidebarFooter/SidebarFooter.js"),be=require("./components/Sidebar/SidebarFooter/SidebarFooter.styled.js"),Ie=require("./components/ContentWrapper/ContentWrapper.js"),qe=require("./components/ContentWrapper/ContentWrapper.styled.js"),je=require("./components/Spinner/Spinner.js"),Te=require("./components/Spinner/Spinner.styled.js"),Be=require("./components/Tabs/Tabs.js"),Fe=require("./components/Tabs/Tabs.styled.js"),Ce=require("./components/Typography/Text.js"),We=require("./components/Typography/Heading.js"),Pe=require("./components/Typography/Typography.styled.js"),fe=require("./components/Toast/ToastsWrapper/ToastsWrapper.js"),ge=require("./components/Toast/ToastsWrapper/ToastsWrapper.styled.js"),he=require("./components/Toast/ToastItem/ToastItem.js"),Re=require("./components/Toast/ToastItem/ToastItem.styled.js"),we=require("./components/Tooltip/Tooltip.js"),Ne=require("./components/Tooltip/Tooltip.styled.js");require("react"),require("./components/Table/Table.styled.js"),require("styled-components"),require("./components/Table/TablePagination/TablePagination.styled.js"),require("./components/ThemeProvider/Global.styled.js"),require("./components/ThemeProvider/CustomColorClasses.styled.js"),require("./external/helpers.js"),require("./components/Form/FormWrapper/FormGenerator.js"),require("./components/Form/BaseInputComponent/BaseInputComponent.js"),exports.Table=e.Table,exports.TablePagination=r.TablePagination,exports.defaultColours=t.defaultColours,exports.FictoanTheme=o.FictoanTheme,exports.ThemeProvider=s.ThemeProvider,exports.Badge=n.Badge,exports.BadgeStyled=p.BadgeStyled,exports.BottomDrawer=a.BottomDrawer,exports.BottomDrawerStyled=i.BottomDrawerStyled,exports.BreadcrumbsWrapper=d.BreadcrumbsWrapper,exports.BreadcrumbsWrapperStyled=m.BreadcrumbsWrapperStyled,exports.BreadcrumbItem=l.BreadcrumbItem,exports.BreadcrumbItemStyled=u.BreadcrumbItemStyled,exports.Button=c.Button,exports.ButtonStyled=S.ButtonStyled,exports.Callout=y.Callout,exports.CalloutStyled=x.CalloutStyled,exports.Card=b.Card,exports.CardStyled=I.CardStyled,exports.CodeBlock=q.CodeBlock,exports.CodeStyled=j.CodeStyled,exports.Element=T.Element,exports.ExpandableContent=B.ExpandableContent,exports.ExpandableContentStyled=F.ExpandableContentStyled,exports.HRule=C.HRule,exports.HRuleStyled=W.HRuleStyled,exports.FormWrapper=P.FormWrapper,exports.FormWrapperStyled=f.FormWrapperStyled,exports.FormItem=g.FormItem,exports.FormItemStyled=h.FormItemStyled,exports.FormItemGroup=R.FormItemGroup,exports.FormItemGroupStyled=w.FormItemGroupStyled,exports.InputField=N.InputField,exports.InputFieldStyled=H.InputFieldStyled,exports.TextArea=k.TextArea,exports.TextAreaStyled=G.TextAreaStyled,exports.InputLabel=E.InputLabel,exports.Select=D.Select,exports.SelectStyled=v.SelectStyled,exports.FileUpload=A.FileUpload,exports.RadioGroup=L.RadioGroup,exports.RadioButton=U.RadioButton,exports.RadioButtonStyled=_.RadioButtonStyled,exports.CheckBox=M.CheckBox,exports.CheckBoxStyled=O.CheckBoxStyled,exports.SwitchStyled=O.SwitchStyled,exports.Switch=z.Switch,exports.Row=J.Row,exports.RowStyled=K.RowStyled,exports.Portion=Q.Portion,exports.PortionStyled=V.PortionStyled,exports.InfoPanel=X.InfoPanel,exports.InfoPanelStyled=Y.InfoPanelStyled,exports.NotificationsWrapper=Z.NotificationsWrapper,exports.NotificationsWrapperStyled=$.NotificationsWrapperStyled,exports.NotificationItem=ee.NotificationItem,exports.NotificationItemStyled=re.NotificationItemStyled,exports.PinInputField=te.PinInputField,exports.PinInputStyled=oe.PinInputStyled,exports.ProgressBar=se.ProgressBar,exports.ProgressBarStyled=ne.ProgressBarStyled,exports.SidebarWrapper=pe.SidebarWrapper,exports.SidebarWrapperStyled=ae.SidebarWrapperStyled,exports.SidebarHeader=ie.SidebarHeader,exports.SidebarHeaderStyled=de.SidebarHeaderStyled,exports.SidebarItem=me.SidebarItem,exports.SidebarItemStyled=le.SidebarItemStyled,exports.SidebarItemIcon=ue.SidebarItemIcon,exports.SidebarItemIconStyled=ce.SidebarItemIconStyled,exports.SidebarItemText=Se.SidebarItemText,exports.SidebarItemTextStyled=ye.SidebarItemTextStyled,exports.SidebarFooter=xe.SidebarFooter,exports.SidebarFooterStyled=be.SidebarFooterStyled,exports.ContentWrapper=Ie.ContentWrapper,exports.ContentWrapperStyled=qe.ContentWrapperStyled,exports.Spinner=je.Spinner,exports.SpinnerStyled=Te.SpinnerStyled,exports.Tabs=Be.Tabs,exports.TabsStyled=Fe.TabsStyled,exports.Text=Ce.Text,exports.Heading=We.Heading,exports.TypographyStyled=Pe.TypographyStyled,exports.ToastsWrapper=fe.ToastsWrapper,exports.ToastsWrapperStyled=ge.ToastsWrapperStyled,exports.ToastItem=he.ToastItem,exports.ToastItemStyled=Re.ToastItemStyled,exports.Tooltip=we.Tooltip,exports.TooltipStyled=Ne.TooltipStyled;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./external/DefaultColours.js"),r=require("./external/theme.js"),t=require("./components/ThemeProvider/ThemeProvider.js"),o=require("./components/Badge/Badge.js"),s=require("./components/Badge/Badge.styled.js"),n=require("./components/BottomDrawer/BottomDrawer.js"),p=require("./components/BottomDrawer/BottomDrawer.styled.js"),a=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.js"),i=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js"),d=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js"),l=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js"),m=require("./components/Button/Button.js"),u=require("./components/Button/Button.styled.js"),c=require("./components/Callout/Callout.js"),S=require("./components/Callout/Callout.styled.js"),y=require("./components/Card/Card.js"),x=require("./components/Card/Card.styled.js"),b=require("./components/CodeBlock/CodeBlock.js"),I=require("./components/CodeBlock/Code.styled.js"),q=require("./external/Element.js"),j=require("./components/ExpandableContent/ExpandableContent.js"),T=require("./components/ExpandableContent/ExpandableContent.styled.js"),B=require("./components/HRule/HRule.js"),F=require("./components/HRule/HRule.styled.js"),C=require("./components/Form/FormWrapper/FormWrapper.js"),W=require("./components/Form/FormWrapper/FormWrapper.styled.js"),P=require("./components/Form/FormItem/FormItem.js"),g=require("./components/Form/FormItem/FormItem.styled.js"),f=require("./components/Form/FormItemGroup/FormItemGroup.js"),h=require("./components/Form/FormItemGroup/FormItemGroup.styled.js"),R=require("./components/Form/InputField/InputField.js"),w=require("./components/Form/InputField/InputField.styled.js"),N=require("./components/Form/TextArea/TextArea.js"),H=require("./components/Form/TextArea/TextArea.styled.js"),k=require("./components/Form/InputLabel/InputLabel.js"),G=require("./components/Form/Select/Select.js"),E=require("./components/Form/Select/Select.styled.js"),D=require("./components/Form/InputField/FileUpload.js"),v=require("./components/Form/RadioButton/RadioGroup.js"),A=require("./components/Form/RadioButton/RadioButton.js"),L=require("./components/Form/RadioButton/RadioButton.styled.js"),U=require("./components/Form/CheckBox/CheckBox.js"),_=require("./components/Form/CheckBox/CheckBox.styled.js"),M=require("./components/Form/CheckBox/Switch.js"),O=require("./components/Row/Row.js"),z=require("./components/Row/Row.styled.js"),J=require("./components/Portion/Portion.js"),K=require("./components/Portion/Portion.styled.js"),Q=require("./components/InfoPanel/InfoPanel.js"),V=require("./components/InfoPanel/InfoPanel.styled.js"),X=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.js"),Y=require("./components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js"),Z=require("./components/Notification/NotificationItem/NotificationItem.js"),$=require("./components/Notification/NotificationItem/NotificationItem.styled.js"),ee=require("./components/PinInputField/PinInputField.js"),re=require("./components/PinInputField/PinInputField.styled.js"),te=require("./components/ProgressBar/ProgressBar.js"),oe=require("./components/ProgressBar/ProgressBar.styled.js"),se=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.js"),ne=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js"),pe=require("./components/Sidebar/SidebarHeader/SidebarHeader.js"),ae=require("./components/Sidebar/SidebarHeader/SidebarHeader.styled.js"),ie=require("./components/Sidebar/SidebarItem/SidebarItem.js"),de=require("./components/Sidebar/SidebarItem/SidebarItem.styled.js"),le=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.js"),me=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js"),ue=require("./components/Sidebar/SidebarItemText/SidebarItemText.js"),ce=require("./components/Sidebar/SidebarItemText/SidebarItemText.styled.js"),Se=require("./components/Sidebar/SidebarFooter/SidebarFooter.js"),ye=require("./components/Sidebar/SidebarFooter/SidebarFooter.styled.js"),xe=require("./components/ContentWrapper/ContentWrapper.js"),be=require("./components/ContentWrapper/ContentWrapper.styled.js"),Ie=require("./components/Spinner/Spinner.js"),qe=require("./components/Spinner/Spinner.styled.js"),je=require("./components/Table/Table.js"),Te=require("./components/Table/Table.styled.js"),Be=require("./components/Table/TablePagination/TablePagination.js"),Fe=require("./components/Table/TablePagination/TablePagination.styled.js"),Ce=require("./components/Tabs/Tabs.js"),We=require("./components/Tabs/Tabs.styled.js"),Pe=require("./components/Typography/Text.js"),ge=require("./components/Typography/Heading.js"),fe=require("./components/Typography/Typography.styled.js"),he=require("./components/Toast/ToastsWrapper/ToastsWrapper.js"),Re=require("./components/Toast/ToastsWrapper/ToastsWrapper.styled.js"),we=require("./components/Toast/ToastItem/ToastItem.js"),Ne=require("./components/Toast/ToastItem/ToastItem.styled.js"),He=require("./components/Tooltip/Tooltip.js"),ke=require("./components/Tooltip/Tooltip.styled.js");require("react"),require("styled-components"),require("./components/ThemeProvider/Global.styled.js"),require("./components/ThemeProvider/CustomColorClasses.styled.js"),require("./external/helpers.js"),require("./components/Form/FormWrapper/FormGenerator.js"),require("./components/Form/BaseInputComponent/BaseInputComponent.js"),exports.defaultColours=e.defaultColours,exports.FictoanTheme=r.FictoanTheme,exports.ThemeProvider=t.ThemeProvider,exports.Badge=o.Badge,exports.BadgeStyled=s.BadgeStyled,exports.BottomDrawer=n.BottomDrawer,exports.BottomDrawerStyled=p.BottomDrawerStyled,exports.BreadcrumbsWrapper=a.BreadcrumbsWrapper,exports.BreadcrumbsWrapperStyled=i.BreadcrumbsWrapperStyled,exports.BreadcrumbItem=d.BreadcrumbItem,exports.BreadcrumbItemStyled=l.BreadcrumbItemStyled,exports.Button=m.Button,exports.ButtonStyled=u.ButtonStyled,exports.Callout=c.Callout,exports.CalloutStyled=S.CalloutStyled,exports.Card=y.Card,exports.CardStyled=x.CardStyled,exports.CodeBlock=b.CodeBlock,exports.CodeBlockStyled=I.CodeStyled,exports.Element=q.Element,exports.ExpandableContent=j.ExpandableContent,exports.ExpandableContentStyled=T.ExpandableContentStyled,exports.HRule=B.HRule,exports.HRuleStyled=F.HRuleStyled,exports.FormWrapper=C.FormWrapper,exports.FormWrapperStyled=W.FormWrapperStyled,exports.FormItem=P.FormItem,exports.FormItemStyled=g.FormItemStyled,exports.FormItemGroup=f.FormItemGroup,exports.FormItemGroupStyled=h.FormItemGroupStyled,exports.InputField=R.InputField,exports.InputFieldStyled=w.InputFieldStyled,exports.TextArea=N.TextArea,exports.TextAreaStyled=H.TextAreaStyled,exports.InputLabel=k.InputLabel,exports.Select=G.Select,exports.SelectStyled=E.SelectStyled,exports.FileUpload=D.FileUpload,exports.RadioGroup=v.RadioGroup,exports.RadioButton=A.RadioButton,exports.RadioButtonStyled=L.RadioButtonStyled,exports.CheckBox=U.CheckBox,exports.CheckBoxStyled=_.CheckBoxStyled,exports.SwitchStyled=_.SwitchStyled,exports.Switch=M.Switch,exports.Row=O.Row,exports.RowStyled=z.RowStyled,exports.Portion=J.Portion,exports.PortionStyled=K.PortionStyled,exports.InfoPanel=Q.InfoPanel,exports.InfoPanelStyled=V.InfoPanelStyled,exports.NotificationsWrapper=X.NotificationsWrapper,exports.NotificationsWrapperStyled=Y.NotificationsWrapperStyled,exports.NotificationItem=Z.NotificationItem,exports.NotificationItemStyled=$.NotificationItemStyled,exports.PinInputField=ee.PinInputField,exports.PinInputStyled=re.PinInputStyled,exports.ProgressBar=te.ProgressBar,exports.ProgressBarStyled=oe.ProgressBarStyled,exports.SidebarWrapper=se.SidebarWrapper,exports.SidebarWrapperStyled=ne.SidebarWrapperStyled,exports.SidebarHeader=pe.SidebarHeader,exports.SidebarHeaderStyled=ae.SidebarHeaderStyled,exports.SidebarItem=ie.SidebarItem,exports.SidebarItemStyled=de.SidebarItemStyled,exports.SidebarItemIcon=le.SidebarItemIcon,exports.SidebarItemIconStyled=me.SidebarItemIconStyled,exports.SidebarItemText=ue.SidebarItemText,exports.SidebarItemTextStyled=ce.SidebarItemTextStyled,exports.SidebarFooter=Se.SidebarFooter,exports.SidebarFooterStyled=ye.SidebarFooterStyled,exports.ContentWrapper=xe.ContentWrapper,exports.ContentWrapperStyled=be.ContentWrapperStyled,exports.Spinner=Ie.Spinner,exports.SpinnerStyled=qe.SpinnerStyled,exports.Table=je.Table,exports.TableStyled=Te.TableStyled,exports.TablePagination=Be.TablePagination,exports.TablePaginationStyled=Fe.TablePaginationStyled,exports.Tabs=Ce.Tabs,exports.TabsStyled=We.TabsStyled,exports.Text=Pe.Text,exports.Heading=ge.Heading,exports.TypographyStyled=fe.TypographyStyled,exports.ToastsWrapper=he.ToastsWrapper,exports.ToastsWrapperStyled=Re.ToastsWrapperStyled,exports.ToastItem=we.ToastItem,exports.ToastItemStyled=Ne.ToastItemStyled,exports.Tooltip=He.Tooltip,exports.TooltipStyled=ke.TooltipStyled;
 //# sourceMappingURL=index.js.map

package/dist/es/components/Badge/index.d.ts

@@ -1,2 +1,2 @@
-export { Badge } from "./Badge";
+export { Badge, BadgeProps } from "./Badge";
 export { BadgeStyled } from "./Badge.styled";

package/dist/es/components/BottomDrawer/index.d.ts

@@ -1,2 +1,2 @@
-export { BottomDrawer } from "./BottomDrawer";
+export { BottomDrawer, BottomDrawerProps } from "./BottomDrawer";
 export { BottomDrawerStyled } from "./BottomDrawer.styled";

package/dist/es/components/Breadcrumbs/index.d.ts

@@ -1,4 +1,4 @@
-export { BreadcrumbsWrapper } from "./BreadcrumbsWrapper/BreadcrumbsWrapper";
+export { BreadcrumbsWrapper, BreadcrumbsWrapperProps } from "./BreadcrumbsWrapper/BreadcrumbsWrapper";
 export { BreadcrumbsWrapperStyled } from "./BreadcrumbsWrapper/BreadcrumbsWrapper.styled";
-export { BreadcrumbItem } from "./BreadcrumbItem/BreadcrumbItem";
+export { BreadcrumbItem, BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
 export { BreadcrumbItemStyled } from "./BreadcrumbItem/BreadcrumbItem.styled";

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

@@ -1,2 +1,2 @@
-export { Button } from "./Button";
+export { Button, ButtonProps } from "./Button";
 export { ButtonStyled } from "./Button.styled";

package/dist/es/components/Callout/index.d.ts

@@ -1,2 +1,2 @@
-export { Callout } from "./Callout";
+export { Callout, CalloutProps } from "./Callout";
 export { CalloutStyled } from "./Callout.styled";

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

@@ -1,2 +1,2 @@
-export { Card } from "./Card";
+export { Card, CardProps } from "./Card";
 export { CardStyled } from "./Card.styled";

package/dist/es/components/CodeBlock/Code.styled.d.ts

@@ -1 +1 @@
-export declare const CodeStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../Element/constants").CommonAndHTMLProps<HTMLPreElement>, keyof import("./CodeBlock").CodeBlockCustomProps> & import("./CodeBlock").CodeBlockCustomProps, never>;
+export declare const CodeStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../Element").CommonAndHTMLProps<HTMLPreElement>, keyof import("./CodeBlock").CodeBlockCustomProps> & import("./CodeBlock").CodeBlockCustomProps, never>;