fictoan-react 0.41.24 → 0.41.27

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # CHANGELOG
 
+### 0.41.27
+- ⚠ Breaking change: add `style` prop for `Heading` and `Text` to select font style.
+
+### 0.41.26
+- Add support for passing additional items to the navbar for `Tabs`
+- Update React peer dependency version
+
+### 0.41.25
+- Export styled-components also from the project to allow component-wide over-rides
+
 ### 0.41.24
 - Convert `isMono`, `isSans` and `isSerif` to a `style` enum
 - Fix `isSubtext` prop for text elements

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./BreadcrumbsWrapper/BreadcrumbsWrapper.js"),e=require("./BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js"),a=require("./BreadcrumbItem/BreadcrumbItem.js"),t=require("./BreadcrumbItem/BreadcrumbItem.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),exports.BreadcrumbsWrapper=r.BreadcrumbsWrapper,exports.BreadcrumbsWrapperStyled=e.BreadcrumbsWrapperStyled,exports.BreadcrumbItem=a.BreadcrumbItem,exports.BreadcrumbItemStyled=t.BreadcrumbItemStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button.js"),t=require("./Button.styled.js");require("../../external/Element.js"),require("react"),require("../../external/helpers.js"),require("../../external/DefaultColours.js"),require("styled-components"),exports.Button=e.Button,exports.ButtonStyled=t.ButtonStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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"),exports.CodeBlock=e.CodeBlock,exports.CodeStyled=r.CodeStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ContentWrapper.js"),r=require("./ContentWrapper.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),require("../Sidebar/SidebarWrapper/SidebarWrapper.styled.js"),require("../Sidebar/SidebarHeader/SidebarHeader.styled.js"),require("../Sidebar/SidebarItem/SidebarItem.styled.js"),require("../Sidebar/SidebarItemText/SidebarItemText.styled.js"),require("../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js"),require("../Sidebar/SidebarFooter/SidebarFooter.styled.js"),exports.ContentWrapper=e.ContentWrapper,exports.ContentWrapperStyled=r.ContentWrapperStyled;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export { Element } from "./Element";

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ExpandableContent.js"),t=require("./ExpandableContent.styled.js");require("../../external/Element.js"),require("react"),require("../Typography/Text.js"),require("styled-components"),exports.ExpandableContent=e.ExpandableContent,exports.ExpandableContentStyled=t.ExpandableContentStyled;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,21 @@
+export { FormWrapper } from "./FormWrapper/FormWrapper";
+export { FormWrapperStyled } from "./FormWrapper/FormWrapper.styled";
+export { FormItem } from "./FormItem/FormItem";
+export { FormItemStyled } from "./FormItem/FormItem.styled";
+export { FormItemGroup } from "./FormItemGroup/FormItemGroup";
+export { FormItemGroupStyled } from "./FormItemGroup/FormItemGroup.styled";
+export { InputField } from "./InputField/InputField";
+export { InputFieldStyled } from "./InputField/InputField.styled";
+export { TextArea } from "./TextArea/TextArea";
+export { TextAreaStyled } from "./TextArea/TextArea.styled";
+export { InputLabel } from "./InputLabel/InputLabel";
+export { Select } from "./Select/Select";
+export { SelectStyled } from "./Select/Select.styled";
+export { FileUpload } from "./InputField/FileUpload";
+export { RadioGroup } from "./RadioButton/RadioGroup";
+export { RadioButton } from "./RadioButton/RadioButton";
+export { RadioButtonStyled } from "./RadioButton/RadioButton.styled";
+export { CheckBox } from "./CheckBox/CheckBox";
+export { CheckBoxStyled } from "./CheckBox/CheckBox.styled";
+export { Switch } from "./CheckBox/Switch";
+export { SwitchStyled } from "./CheckBox/CheckBox.styled";

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./FormWrapper/FormWrapper.js"),r=require("./FormWrapper/FormWrapper.styled.js"),t=require("./FormItem/FormItem.js"),o=require("./FormItem/FormItem.styled.js"),u=require("./FormItemGroup/FormItemGroup.js"),p=require("./FormItemGroup/FormItemGroup.styled.js"),l=require("./InputField/InputField.js"),s=require("./InputField/InputField.styled.js"),i=require("./TextArea/TextArea.js"),d=require("./TextArea/TextArea.styled.js"),a=require("./InputLabel/InputLabel.js"),m=require("./Select/Select.js"),x=require("./Select/Select.styled.js"),n=require("./InputField/FileUpload.js"),F=require("./RadioButton/RadioGroup.js"),q=require("./RadioButton/RadioButton.js"),j=require("./RadioButton/RadioButton.styled.js"),y=require("./CheckBox/CheckBox.js"),I=require("./CheckBox/CheckBox.styled.js"),S=require("./CheckBox/Switch.js");require("../../external/Element.js"),require("react"),require("../Callout/Callout.js"),require("../Typography/Text.js"),require("../Callout/Callout.styled.js"),require("../../external/rgba.js"),require("../../external/DefaultColours.js"),require("styled-components"),require("./FormWrapper/FormGenerator.js"),require("../Row/Row.js"),require("../Row/Row.styled.js"),require("../Portion/Portion.styled.js"),require("../Portion/Portion.js"),require("./BaseInputComponent/BaseInputComponent.js"),exports.FormWrapper=e.FormWrapper,exports.FormWrapperStyled=r.FormWrapperStyled,exports.FormItem=t.FormItem,exports.FormItemStyled=o.FormItemStyled,exports.FormItemGroup=u.FormItemGroup,exports.FormItemGroupStyled=p.FormItemGroupStyled,exports.InputField=l.InputField,exports.InputFieldStyled=s.InputFieldStyled,exports.TextArea=i.TextArea,exports.TextAreaStyled=d.TextAreaStyled,exports.InputLabel=a.InputLabel,exports.Select=m.Select,exports.SelectStyled=x.SelectStyled,exports.FileUpload=n.FileUpload,exports.RadioGroup=F.RadioGroup,exports.RadioButton=q.RadioButton,exports.RadioButtonStyled=j.RadioButtonStyled,exports.CheckBox=y.CheckBox,exports.CheckBoxStyled=I.CheckBoxStyled,exports.SwitchStyled=I.SwitchStyled,exports.Switch=S.Switch;
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/HRule/HRule.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),r=require("react"),t=require("./HRule.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var a=/*#__PURE__*/s(r);const l=a.default.forwardRef(((r,s)=>{var{kind:l,sideMargin:n}=r,i=e.__rest(r,["kind","sideMargin"]);let u=[];return l&&u.push(l),n&&u.push(`side-margin-${n}`),a.default.createElement(e.Element,Object.assign({as:t.HRStyled,ref:s,classNames:u,marginTop:"small",marginBottom:"small"},i))}));exports.HRule=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),r=require("react"),t=require("./HRule.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var a=/*#__PURE__*/s(r);const l=a.default.forwardRef(((r,s)=>{var{kind:l,sideMargin:n}=r,i=e.__rest(r,["kind","sideMargin"]);let u=[];return l&&u.push(l),n&&u.push(`side-margin-${n}`),a.default.createElement(e.Element,Object.assign({as:t.HRuleStyled,ref:s,classNames:u,marginTop:"small",marginBottom:"small"},i))}));exports.HRule=l;
 //# sourceMappingURL=HRule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HRule.js","sources":["../../../../src/components/HRule/HRule.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { HRStyled } from \"./HRule.styled\";\n\n// prettier-ignore\nexport interface HRCustomProps {\n    kind       ? :  \"primary\" | \"secondary\" | \"tertiary\";\n    sideMargin ? :  \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n}\n\nexport type HRElementType = HTMLHRElement;\nexport type HRProps = Omit<CommonAndHTMLProps<HRElementType>, keyof HRCustomProps> & HRCustomProps;\n\nexport const HRule = React.forwardRef(({ kind, sideMargin, ...props }: HRProps, ref: React.Ref<HRElementType>) => {\n    let classNames = [];\n\n    if (kind) {\n        classNames.push(kind);\n    }\n\n    if (sideMargin) {\n        classNames.push(`side-margin-${sideMargin}`);\n    }\n\n    return (\n        <Element<HRElementType>\n            as={HRStyled}\n            ref={ref}\n            classNames={classNames}\n            marginTop=\"small\"\n            marginBottom=\"small\"\n            {...props}\n        />\n    );\n});\n"],"names":["HRule","React","forwardRef","_a","ref","kind","sideMargin","props","classNames","push","Element","as","HRStyled","marginTop","marginBottom"],"mappings":"oSAgBaA,EAAQC,UAAMC,YAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAFC,WAAQA,KAAeC,aAAvB,2BAC/BC,EAAa,UAEbH,GACAG,EAAWC,KAAKJ,GAGhBC,GACAE,EAAWC,oBAAoBH,KAI/BL,wBAACS,yBACGC,GAAIC,WACJR,IAAKA,EACLI,WAAYA,EACZK,UAAU,QACVC,aAAa,SACTP"}
+{"version":3,"file":"HRule.js","sources":["../../../../src/components/HRule/HRule.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { HRuleStyled } from \"./HRule.styled\";\n\n// prettier-ignore\nexport interface HRCustomProps {\n    kind       ? :  \"primary\" | \"secondary\" | \"tertiary\";\n    sideMargin ? :  \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n}\n\nexport type HRElementType = HTMLHRElement;\nexport type HRProps = Omit<CommonAndHTMLProps<HRElementType>, keyof HRCustomProps> & HRCustomProps;\n\nexport const HRule = React.forwardRef(({ kind, sideMargin, ...props }: HRProps, ref: React.Ref<HRElementType>) => {\n    let classNames = [];\n\n    if (kind) {\n        classNames.push(kind);\n    }\n\n    if (sideMargin) {\n        classNames.push(`side-margin-${sideMargin}`);\n    }\n\n    return (\n        <Element<HRElementType>\n            as={HRuleStyled}\n            ref={ref}\n            classNames={classNames}\n            marginTop=\"small\"\n            marginBottom=\"small\"\n            {...props}\n        />\n    );\n});\n"],"names":["HRule","React","forwardRef","_a","ref","kind","sideMargin","props","classNames","push","Element","as","HRuleStyled","marginTop","marginBottom"],"mappings":"oSAgBaA,EAAQC,UAAMC,YAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAFC,WAAQA,KAAeC,aAAvB,2BAC/BC,EAAa,UAEbH,GACAG,EAAWC,KAAKJ,GAGhBC,GACAE,EAAWC,oBAAoBH,KAI/BL,wBAACS,yBACGC,GAAIC,cACJR,IAAKA,EACLI,WAAYA,EACZK,UAAU,QACVC,aAAa,SACTP"}

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

@@ -1 +1 @@
-export declare const HRStyled: import("styled-components").StyledComponent<"hr", any, {}, never>;
+export declare const HRuleStyled: import("styled-components").StyledComponent<"hr", any, {}, never>;

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

@@ -1,2 +1,2 @@
-"use strict";function i(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/i(require("styled-components")).default.hr.withConfig({displayName:"HRStyled",componentId:"-p5bt03"})`border:0;width:100%;height:${i=>i.theme.hr.default.height};&:not([class*="bg-"]){background-color:${i=>i.theme.hr.default.bg};}&.side-margin-nano{width:calc(100% -  2vw);}&.side-margin-micro{width:calc(100% -  4vw);}&.side-margin-tiny{width:calc(100% -  8vw);}&.side-margin-small{width:calc(100% - 16vw);}&.side-margin-medium{width:calc(100% - 24vw);}&.side-margin-large{width:calc(100% - 36vw);}&.side-margin-huge{width:calc(100% - 48vw);}@media all and (min-width : 2400px){&.side-margin-tiny{width:calc(100% -  16vw);}&.side-margin-small{width:calc(100% -  24vw);}&.side-margin-medium{width:calc(100% - 32vw);}&.side-margin-large{width:calc(100% - 48vw);}&.side-margin-huge{width:calc(100% - 64vw);}}@media all and (max-width : 1600px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 16vw);}&.side-margin-large{width:calc(100% - 24vw);}&.side-margin-huge{width:calc(100% - 32vw);}}@media all and (max-width : 1200px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 12vw);}&.side-margin-large{width:calc(100% - 16vw);}&.side-margin-huge{width:calc(100% - 20vw);}}@media all and (max-width : 600px){&[class*="side-margin-"]{width:calc(100% - 12vw);}}&.primary{background-color:${i=>i.theme.hr.primary.bg};height:${i=>i.theme.hr.primary.height};}&.secondary{background-color:${i=>i.theme.hr.secondary.bg};height:${i=>i.theme.hr.secondary.height};}&.tertiary{background-color:${i=>i.theme.hr.tertiary.bg};height:${i=>i.theme.hr.tertiary.height};}`;exports.HRStyled=e;
+"use strict";function i(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/i(require("styled-components")).default.hr.withConfig({displayName:"HRuleStyled",componentId:"-hcqk2t"})`border:0;width:100%;height:${i=>i.theme.hr.default.height};&:not([class*="bg-"]){background-color:${i=>i.theme.hr.default.bg};}&.side-margin-nano{width:calc(100% -  2vw);}&.side-margin-micro{width:calc(100% -  4vw);}&.side-margin-tiny{width:calc(100% -  8vw);}&.side-margin-small{width:calc(100% - 16vw);}&.side-margin-medium{width:calc(100% - 24vw);}&.side-margin-large{width:calc(100% - 36vw);}&.side-margin-huge{width:calc(100% - 48vw);}@media all and (min-width : 2400px){&.side-margin-tiny{width:calc(100% -  16vw);}&.side-margin-small{width:calc(100% -  24vw);}&.side-margin-medium{width:calc(100% - 32vw);}&.side-margin-large{width:calc(100% - 48vw);}&.side-margin-huge{width:calc(100% - 64vw);}}@media all and (max-width : 1600px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 16vw);}&.side-margin-large{width:calc(100% - 24vw);}&.side-margin-huge{width:calc(100% - 32vw);}}@media all and (max-width : 1200px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 12vw);}&.side-margin-large{width:calc(100% - 16vw);}&.side-margin-huge{width:calc(100% - 20vw);}}@media all and (max-width : 600px){&[class*="side-margin-"]{width:calc(100% - 12vw);}}&.primary{background-color:${i=>i.theme.hr.primary.bg};height:${i=>i.theme.hr.primary.height};}&.secondary{background-color:${i=>i.theme.hr.secondary.bg};height:${i=>i.theme.hr.secondary.height};}&.tertiary{background-color:${i=>i.theme.hr.tertiary.bg};height:${i=>i.theme.hr.tertiary.height};}`;exports.HRuleStyled=e;
 //# sourceMappingURL=HRule.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HRule.styled.js","sources":["../../../../src/components/HRule/HRule.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { HRProps } from \"./HRule\";\n\n\nexport const HRStyled = styled.hr`\n    border : 0;\n    width  : 100%;\n    height : ${(props: HRProps) => props.theme.hr.default.height};\n\n    &:not([class*=\"bg-\"]) {\n        background-color : ${(props: HRProps) => props.theme.hr.default.bg};\n    }\n\n    &.side-margin-nano   { width: calc(100% -  2vw); }\n    &.side-margin-micro  { width: calc(100% -  4vw); }\n    &.side-margin-tiny   { width: calc(100% -  8vw); }\n    &.side-margin-small  { width: calc(100% - 16vw); }\n    &.side-margin-medium { width: calc(100% - 24vw); }\n    &.side-margin-large  { width: calc(100% - 36vw); }\n    &.side-margin-huge   { width: calc(100% - 48vw); }\n\n    @media all and (min-width : 2400px) {\n        &.side-margin-tiny   { width: calc(100% -  16vw); }\n        &.side-margin-small  { width: calc(100% -  24vw); }\n        &.side-margin-medium { width: calc(100% - 32vw); }\n        &.side-margin-large  { width: calc(100% - 48vw); }\n        &.side-margin-huge   { width: calc(100% - 64vw); }\n    }\n\n    @media all and (max-width : 1600px) {\n        &.side-margin-tiny   { width: calc(100% -  4vw); }\n        &.side-margin-small  { width: calc(100% -  8vw); }\n        &.side-margin-medium { width: calc(100% - 16vw); }\n        &.side-margin-large  { width: calc(100% - 24vw); }\n        &.side-margin-huge   { width: calc(100% - 32vw); }\n    }\n\n    @media all and (max-width : 1200px) {\n        &.side-margin-tiny   { width: calc(100% -  4vw); }\n        &.side-margin-small  { width: calc(100% -  8vw); }\n        &.side-margin-medium { width: calc(100% - 12vw); }\n        &.side-margin-large  { width: calc(100% - 16vw); }\n        &.side-margin-huge   { width: calc(100% - 20vw); }\n    }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"side-margin-\"] {\n            width: calc(100% - 12vw);\n        }\n    }\n\n    &.primary   {\n        background-color : ${(props: HRProps) => props.theme.hr.primary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.primary.height};\n    }\n\n    &.secondary {\n        background-color : ${(props: HRProps) => props.theme.hr.secondary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.secondary.height};\n    }\n\n    &.tertiary  {\n        background-color : ${(props: HRProps) => props.theme.hr.tertiary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.tertiary.height};\n    }\n`;\n"],"names":["HRStyled","hr","props","theme","default","height","bg","primary","secondary","tertiary"],"mappings":"kJAKaA,uDAAkBC,2FAGfC,GAAmBA,EAAMC,MAAMF,GAAGG,QAAQC,iDAG5BH,GAAmBA,EAAMC,MAAMF,GAAGG,QAAQE,ksCA0C1CJ,GAAmBA,EAAMC,MAAMF,GAAGM,QAAQD,aAC1CJ,GAAmBA,EAAMC,MAAMF,GAAGM,QAAQF,wCAI1CH,GAAmBA,EAAMC,MAAMF,GAAGO,UAAUF,aAC5CJ,GAAmBA,EAAMC,MAAMF,GAAGO,UAAUH,uCAI5CH,GAAmBA,EAAMC,MAAMF,GAAGQ,SAASH,aAC3CJ,GAAmBA,EAAMC,MAAMF,GAAGQ,SAASJ"}
+{"version":3,"file":"HRule.styled.js","sources":["../../../../src/components/HRule/HRule.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { HRProps } from \"./HRule\";\n\n\nexport const HRuleStyled = styled.hr`\n    border : 0;\n    width  : 100%;\n    height : ${(props: HRProps) => props.theme.hr.default.height};\n\n    &:not([class*=\"bg-\"]) {\n        background-color : ${(props: HRProps) => props.theme.hr.default.bg};\n    }\n\n    &.side-margin-nano   { width: calc(100% -  2vw); }\n    &.side-margin-micro  { width: calc(100% -  4vw); }\n    &.side-margin-tiny   { width: calc(100% -  8vw); }\n    &.side-margin-small  { width: calc(100% - 16vw); }\n    &.side-margin-medium { width: calc(100% - 24vw); }\n    &.side-margin-large  { width: calc(100% - 36vw); }\n    &.side-margin-huge   { width: calc(100% - 48vw); }\n\n    @media all and (min-width : 2400px) {\n        &.side-margin-tiny   { width: calc(100% -  16vw); }\n        &.side-margin-small  { width: calc(100% -  24vw); }\n        &.side-margin-medium { width: calc(100% - 32vw); }\n        &.side-margin-large  { width: calc(100% - 48vw); }\n        &.side-margin-huge   { width: calc(100% - 64vw); }\n    }\n\n    @media all and (max-width : 1600px) {\n        &.side-margin-tiny   { width: calc(100% -  4vw); }\n        &.side-margin-small  { width: calc(100% -  8vw); }\n        &.side-margin-medium { width: calc(100% - 16vw); }\n        &.side-margin-large  { width: calc(100% - 24vw); }\n        &.side-margin-huge   { width: calc(100% - 32vw); }\n    }\n\n    @media all and (max-width : 1200px) {\n        &.side-margin-tiny   { width: calc(100% -  4vw); }\n        &.side-margin-small  { width: calc(100% -  8vw); }\n        &.side-margin-medium { width: calc(100% - 12vw); }\n        &.side-margin-large  { width: calc(100% - 16vw); }\n        &.side-margin-huge   { width: calc(100% - 20vw); }\n    }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"side-margin-\"] {\n            width: calc(100% - 12vw);\n        }\n    }\n\n    &.primary   {\n        background-color : ${(props: HRProps) => props.theme.hr.primary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.primary.height};\n    }\n\n    &.secondary {\n        background-color : ${(props: HRProps) => props.theme.hr.secondary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.secondary.height};\n    }\n\n    &.tertiary  {\n        background-color : ${(props: HRProps) => props.theme.hr.tertiary.bg};\n        height           : ${(props: HRProps) => props.theme.hr.tertiary.height};\n    }\n`;\n"],"names":["HRuleStyled","hr","props","theme","default","height","bg","primary","secondary","tertiary"],"mappings":"kJAKaA,uDAAqBC,8FAGlBC,GAAmBA,EAAMC,MAAMF,GAAGG,QAAQC,iDAG5BH,GAAmBA,EAAMC,MAAMF,GAAGG,QAAQE,ksCA0C1CJ,GAAmBA,EAAMC,MAAMF,GAAGM,QAAQD,aAC1CJ,GAAmBA,EAAMC,MAAMF,GAAGM,QAAQF,wCAI1CH,GAAmBA,EAAMC,MAAMF,GAAGO,UAAUF,aAC5CJ,GAAmBA,EAAMC,MAAMF,GAAGO,UAAUH,uCAI5CH,GAAmBA,EAAMC,MAAMF,GAAGQ,SAASH,aAC3CJ,GAAmBA,EAAMC,MAAMF,GAAGQ,SAASJ"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InfoPanel.js","sources":["../../../../src/hooks/UseClickOutside.ts","../../../../src/components/InfoPanel/InfoPanel.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useClickOutside = (ref: any, handler: any) => {\n    useEffect(() => {\n        const listener = (event: Event) => {\n            if (!ref.current || ref.current.contains(event.target)) {\n                return;\n            }\n            handler(event);\n        };\n\n        document.addEventListener(\"mousedown\", listener);\n        document.addEventListener(\"touchstart\", listener);\n        return () => {\n            document.removeEventListener(\"mousedown\", listener);\n            document.removeEventListener(\"touchstart\", listener);\n        };\n    }, [ref, handler]);\n};\n","import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { useClickOutside } from \"../../hooks/UseClickOutside\";\n\nimport { InfoPanelStyled } from \"./InfoPanel.styled\";\n\n// prettier-ignore\nexport interface InfoPanelCustomProps {\n    width               ? : \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n    isOpen              ? : boolean;\n    onCloseCallback     ? : () => void;\n    closeOnClickOutside ? : boolean;\n}\n\nexport type InfoPanelElementType = HTMLDivElement;\nexport type InfoPanelProps = Omit<CommonAndHTMLProps<InfoPanelElementType>, keyof InfoPanelCustomProps> &\n    InfoPanelCustomProps;\n\nexport const InfoPanel = React.forwardRef(\n    (\n        { width = \"medium\", isOpen, children, onCloseCallback, closeOnClickOutside, padding, ...props }: InfoPanelProps,\n        ref: React.Ref<InfoPanelElementType>\n    ) => {\n        let classNames = [];\n        const infoPanelRef = React.useRef<InfoPanelElementType>(null);\n\n        if (width) {\n            classNames.push(width);\n        }\n\n        if (isOpen) {\n            classNames.push(\"open\");\n        }\n\n        const closeInfoPanel = () => {\n            if (onCloseCallback) {\n                onCloseCallback();\n            }\n        };\n        useClickOutside(ref ?? infoPanelRef, () => {\n            if (closeOnClickOutside) closeInfoPanel();\n        });\n\n        return (\n            !!isOpen && (\n                <Element<InfoPanelElementType>\n                    as={InfoPanelStyled}\n                    ref={ref ?? infoPanelRef}\n                    classNames={classNames}\n                    padding={padding ?? \"tiny\"}\n                    {...props}\n                >\n                    <Element as=\"div\" className=\"dismiss-button\" onClick={closeInfoPanel} role=\"button\" />\n                    <Element as=\"div\" className=\"info-panel-content-wrapper\">\n                        {children}\n                    </Element>\n                </Element>\n            )\n        );\n    }\n);\n"],"names":["InfoPanel","React","forwardRef","_a","ref","width","isOpen","children","onCloseCallback","closeOnClickOutside","padding","props","classNames","infoPanelRef","useRef","push","closeInfoPanel","handler","useEffect","listener","event","current","contains","target","document","addEventListener","removeEventListener","useClickOutside","Element","as","InfoPanelStyled","className","onClick","role"],"mappings":"kSAEO,MCkBMA,EAAYC,UAAMC,YAC3B,CACIC,EACAC,SADAC,MAAEA,EAAQ,SAAVC,OAAoBA,EAApBC,SAA4BA,EAA5BC,gBAAsCA,EAAtCC,oBAAuDA,EAAvDC,QAA4EA,KAAYC,aAAxF,qFAGIC,EAAa,SACXC,EAAeZ,UAAMa,OAA6B,MAEpDT,GACAO,EAAWG,KAAKV,GAGhBC,GACAM,EAAWG,KAAK,cAGdC,EAAiB,KACfR,GACAA,WDpCe,EAACJ,EAAUa,KACtCC,aAAU,WACAC,EAAYC,IACThB,EAAIiB,UAAWjB,EAAIiB,QAAQC,SAASF,EAAMG,SAG/CN,EAAQG,WAGZI,SAASC,iBAAiB,YAAaN,GACvCK,SAASC,iBAAiB,aAAcN,GACjC,KACHK,SAASE,oBAAoB,YAAaP,GAC1CK,SAASE,oBAAoB,aAAcP,MAEhD,CAACf,EAAKa,KCwBLU,CAAgBvB,MAAAA,EAAAA,EAAOS,GAAc,KAC7BJ,GAAqBO,SAIvBV,GACEL,wBAAC2B,yBACGC,GAAIC,kBACJ1B,IAAKA,MAAAA,EAAAA,EAAOS,EACZD,WAAYA,EACZF,QAASA,MAAAA,EAAAA,EAAW,QAChBC,GAEJV,wBAAC2B,WAAQC,GAAG,MAAME,UAAU,iBAAiBC,QAAShB,EAAgBiB,KAAK,WAC3EhC,wBAAC2B,WAAQC,GAAG,MAAME,UAAU,8BACvBxB"}
+{"version":3,"file":"InfoPanel.js","sources":["../../../../src/hooks/UseClickOutside.ts","../../../../src/components/InfoPanel/InfoPanel.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useClickOutside = (ref: any, handler: any) => {\n    useEffect(() => {\n        const listener = (event: Event) => {\n            if (!ref.current || ref.current.contains(event.target)) {\n                return;\n            }\n            handler(event);\n        };\n\n        document.addEventListener(\"mousedown\", listener);\n        document.addEventListener(\"touchstart\", listener);\n        return () => {\n            document.removeEventListener(\"mousedown\", listener);\n            document.removeEventListener(\"touchstart\", listener);\n        };\n    }, [ref, handler]);\n};\n","import React from \"react\";\n\nimport { Element } from \"../Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { useClickOutside } from \"../../hooks/UseClickOutside\";\n\nimport { InfoPanelStyled } from \"./InfoPanel.styled\";\n\n// prettier-ignore\nexport interface InfoPanelCustomProps {\n    width               ? : \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n    isOpen              ? : boolean;\n    onCloseCallback     ? : () => void;\n    closeOnClickOutside ? : boolean;\n}\n\nexport type InfoPanelElementType = HTMLDivElement;\nexport type InfoPanelProps = Omit<CommonAndHTMLProps<InfoPanelElementType>, keyof InfoPanelCustomProps> &\n    InfoPanelCustomProps;\n\nexport const InfoPanel = React.forwardRef(\n    (\n        { width = \"medium\", isOpen, children, onCloseCallback, closeOnClickOutside, padding, ...props }: InfoPanelProps,\n        ref: React.Ref<InfoPanelElementType>\n    ) => {\n        let classNames = [];\n        const infoPanelRef = React.useRef<InfoPanelElementType>(null);\n\n        if (width) {\n            classNames.push(width);\n        }\n\n        if (isOpen) {\n            classNames.push(\"open\");\n        }\n\n        const closeInfoPanel = () => {\n            if (onCloseCallback) {\n                onCloseCallback();\n            }\n        };\n        useClickOutside(ref ?? infoPanelRef, () => {\n            if (closeOnClickOutside) closeInfoPanel();\n        });\n\n        return (\n            !!isOpen && (\n                <Element<InfoPanelElementType>\n                    as={InfoPanelStyled}\n                    ref={ref ?? infoPanelRef}\n                    classNames={classNames}\n                    padding={padding ?? \"tiny\"}\n                    {...props}\n                >\n                    <Element as=\"div\" className=\"dismiss-button\" onClick={closeInfoPanel} role=\"button\" />\n                    <Element as=\"div\" className=\"info-panel-content-wrapper\">\n                        {children}\n                    </Element>\n                </Element>\n            )\n        );\n    }\n);\n"],"names":["InfoPanel","React","forwardRef","_a","ref","width","isOpen","children","onCloseCallback","closeOnClickOutside","padding","props","classNames","infoPanelRef","useRef","push","closeInfoPanel","handler","useEffect","listener","event","current","contains","target","document","addEventListener","removeEventListener","useClickOutside","Element","as","InfoPanelStyled","className","onClick","role"],"mappings":"kSAEO,MCkBMA,EAAYC,UAAMC,YAC3B,CACIC,EACAC,SADAC,MAAEA,EAAQ,SAAVC,OAAoBA,EAApBC,SAA4BA,EAA5BC,gBAAsCA,EAAtCC,oBAAuDA,EAAvDC,QAA4EA,KAAYC,aAAxF,qFAGIC,EAAa,SACXC,EAAeZ,UAAMa,OAA6B,MAEpDT,GACAO,EAAWG,KAAKV,GAGhBC,GACAM,EAAWG,KAAK,cAGdC,EAAiB,KACfR,GACAA,WDpCe,EAACJ,EAAUa,KACtCC,aAAU,WACAC,EAAYC,IACThB,EAAIiB,UAAWjB,EAAIiB,QAAQC,SAASF,EAAMG,SAG/CN,EAAQG,WAGZI,SAASC,iBAAiB,YAAaN,GACvCK,SAASC,iBAAiB,aAAcN,GACjC,KACHK,SAASE,oBAAoB,YAAaP,GAC1CK,SAASE,oBAAoB,aAAcP,MAEhD,CAACf,EAAKa,KCwBLU,CAAgBvB,MAAAA,EAAAA,EAAOS,GAAc,KAC7BJ,GAAqBO,SAIvBV,GACEL,wBAAC2B,yBACGC,GAAIC,kBACJ1B,IAAKA,MAAAA,EAAAA,EAAOS,EACZD,WAAYA,EACZF,QAASA,MAAAA,EAAAA,EAAW,QAChBC,GAEJV,wBAAC2B,WAAQC,GAAG,MAAME,UAAU,iBAAiBC,QAAShB,EAAgBiB,KAAK,WAC3EhC,wBAAC2B,WAAQC,GAAG,MAAME,UAAU,8BACvBxB"}

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

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

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

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

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

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

package/dist/cjs/components/{Notifications/NotificationsItem → Notification/NotificationItem}/NotificationItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),n=require("./NotificationItem.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../../../external/lighten.js"),require("../../../external/rgba.js");var i=/*#__PURE__*/s(t);const o=i.default.forwardRef(((s,o)=>{var{show:a,onCloseCallback:r,kind:l,children:c,isDismissible:d,showFor:u}=s,m=e.__rest(s,["show","onCloseCallback","kind","children","isDismissible","showFor"]);let f=[];const[b,p]=t.useState(a);t.useEffect((()=>{a&&p(!0);const e=a?setTimeout((()=>{r()}),null!=u?u:8e3):void 0;return()=>{clearTimeout(e)}}),[a]),l&&f.push(l),d&&f.push("dismissible");const h=e=>{e.preventDefault(),r()};return b&&i.default.createElement(e.Element,Object.assign({as:n.NotificationsItemStyled,ref:o,classNames:[...f,a?"":"dismissed"],onTransitionEnd:()=>{a||p(!1)},padding:"nano",marginTop:"nano",marginBottom:"nano"},m),i.default.createElement(e.Element,{as:"div",padding:"nano",className:"notification-content"},c),d&&i.default.createElement("div",{className:"dismiss-button",onClick:h,onKeyDown:h,role:"button",tabIndex:-1}))}));exports.NotificationItem=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),n=require("./NotificationItem.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../../../external/lighten.js"),require("../../../external/rgba.js");var i=/*#__PURE__*/s(t);const o=i.default.forwardRef(((s,o)=>{var{show:a,onCloseCallback:r,kind:l,children:c,isDismissible:d,showFor:u}=s,m=e.__rest(s,["show","onCloseCallback","kind","children","isDismissible","showFor"]);let f=[];const[b,p]=t.useState(a);t.useEffect((()=>{a&&p(!0);const e=a?setTimeout((()=>{r()}),null!=u?u:8e3):void 0;return()=>{clearTimeout(e)}}),[a]),l&&f.push(l),d&&f.push("dismissible");const h=e=>{e.preventDefault(),r()};return b&&i.default.createElement(e.Element,Object.assign({as:n.NotificationItemStyled,ref:o,classNames:[...f,a?"":"dismissed"],onTransitionEnd:()=>{a||p(!1)},padding:"nano",marginTop:"nano",marginBottom:"nano"},m),i.default.createElement(e.Element,{as:"div",padding:"nano",className:"notification-content"},c),d&&i.default.createElement("div",{className:"dismiss-button",onClick:h,onKeyDown:h,role:"button",tabIndex:-1}))}));exports.NotificationItem=o;
 //# sourceMappingURL=NotificationItem.js.map

package/dist/cjs/components/Notification/NotificationItem/NotificationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.js","sources":["../../../../../src/components/Notification/NotificationItem/NotificationItem.tsx"],"sourcesContent":["import React, { useState, useEffect, SyntheticEvent } from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { NotificationItemStyled } from \"./NotificationItem.styled\";\n\n// prettier-ignore\nexport interface NotificationItemCustomProps {\n    kind            ? : \"info\" | \"warning\" | \"error\" | \"success\";\n    show              : boolean;\n    isDismissible   ? : boolean;\n    onCloseCallback   : () => void;\n    showFor         ? : number;\n}\n\nexport type NotificationItemElementType = HTMLDivElement;\nexport type NotificationItemProps = Omit<\n    CommonAndHTMLProps<NotificationItemElementType>,\n    keyof NotificationItemCustomProps\n> &\n    NotificationItemCustomProps;\n\nexport const NotificationItem = React.forwardRef(\n    (\n        { show, onCloseCallback, kind, children, isDismissible, showFor, ...props }: NotificationItemProps,\n        ref: React.Ref<NotificationItemElementType>\n    ) => {\n        let classNames = [];\n        const [isVisible, setIsVisible] = useState<boolean>(show);\n\n        useEffect(() => {\n            if (show) {\n                setIsVisible(true);\n            }\n\n            const timer = show\n                ? setTimeout(() => {\n                      onCloseCallback();\n                  }, showFor ?? 8000)\n                : undefined;\n\n            return () => {\n                clearTimeout(timer);\n            };\n        }, [show]);\n\n        if (kind) {\n            classNames.push(kind);\n        }\n\n        if (isDismissible) {\n            classNames.push(\"dismissible\");\n        }\n\n        const onDismissClick = (event: SyntheticEvent<HTMLDivElement>) => {\n            event.preventDefault();\n            onCloseCallback();\n        };\n\n        const onTransitionEnd = () => {\n            if (!show) setIsVisible(false);\n        };\n\n        return (\n            isVisible && (\n                <Element<NotificationItemElementType>\n                    as={NotificationItemStyled}\n                    ref={ref}\n                    classNames={[...classNames, !show ? \"dismissed\" : \"\"]}\n                    onTransitionEnd={onTransitionEnd}\n                    padding=\"nano\"\n                    marginTop=\"nano\"\n                    marginBottom=\"nano\"\n                    {...props}\n                >\n                    <Element as=\"div\" padding=\"nano\" className=\"notification-content\">\n                        {children}\n                    </Element>\n\n                    {isDismissible && (\n                        <div\n                            className=\"dismiss-button\"\n                            onClick={onDismissClick}\n                            onKeyDown={onDismissClick}\n                            role=\"button\"\n                            tabIndex={-1}\n                        />\n                    )}\n                </Element>\n            )\n        );\n    }\n);\n"],"names":["NotificationItem","React","forwardRef","_a","ref","show","onCloseCallback","kind","children","isDismissible","showFor","props","classNames","isVisible","setIsVisible","useState","useEffect","timer","setTimeout","undefined","clearTimeout","push","onDismissClick","event","preventDefault","Element","as","NotificationItemStyled","onTransitionEnd","padding","marginTop","marginBottom","className","onClick","onKeyDown","role","tabIndex"],"mappings":"+XAuBaA,EAAmBC,UAAMC,YAClC,CACIC,EACAC,SADAC,KAAEA,EAAFC,gBAAQA,EAARC,KAAyBA,EAAzBC,SAA+BA,EAA/BC,cAAyCA,EAAzCC,QAAwDA,KAAYC,aAApE,4EAGIC,EAAa,SACVC,EAAWC,GAAgBC,WAAkBV,GAEpDW,aAAU,KACFX,GACAS,GAAa,SAGXG,EAAQZ,EACRa,YAAW,KACPZ,MACDI,MAAAA,EAAAA,EAAW,UACdS,QAEC,KACHC,aAAaH,MAElB,CAACZ,IAEAE,GACAK,EAAWS,KAAKd,GAGhBE,GACAG,EAAWS,KAAK,qBAGdC,EAAkBC,IACpBA,EAAMC,iBACNlB,YAQAO,GACIZ,wBAACwB,yBACGC,GAAIC,yBACJvB,IAAKA,EACLQ,WAAY,IAAIA,EAAaP,EAAqB,GAAd,aACpCuB,gBAVY,KACfvB,GAAMS,GAAa,IAUhBe,QAAQ,OACRC,UAAU,OACVC,aAAa,QACTpB,GAEJV,wBAACwB,WAAQC,GAAG,MAAMG,QAAQ,OAAOG,UAAU,wBACtCxB,GAGJC,GACGR,+BACI+B,UAAU,iBACVC,QAASX,EACTY,UAAWZ,EACXa,KAAK,SACLC,UAAW"}

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

@@ -0,0 +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>;

package/dist/cjs/components/Notification/NotificationItem/NotificationItem.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),i=require("../../../external/lighten.js");function e(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}require("../../../external/rgba.js");const t=/*#__PURE__*/e(o).default.div.withConfig({displayName:"NotificationItemStyled",componentId:"-17w2uwj"})`position:relative;display:flex;width:100%;background-color:${o=>o.theme.notification.default.bg};border-radius:4px;border:1px solid hsla(0, 0%, 0%, 0.04);transition:all 0.4s;box-shadow:0 2px 0.2px rgba(0,0,0,0.016),0 4px 0.8px rgba(0,0,0,0.024),0 6px 2.4px rgba(0,0,0,0.032),0 8px 4.8px rgba(0,0,0,0.040),0 16px 8.0px rgba(0,0,0,0.056),0 24px 16.0px rgba(0,0,0,0.064);&::before{position:absolute;left:0;top:0;width:8px;height:100%;content:"";border-radius:2px 0 0 2px;}&.info{background-color:${o=>o.theme.notification.kinds.info.border&&i.lighten(.32,o.theme.notification.kinds.info.border)};border:1px solid ${o=>o.theme.notification.kinds.info.border};::before{background-color:${o=>o.theme.notification.kinds.info.border};}}&.warning{background-color:${o=>o.theme.notification.kinds.warning.border&&i.lighten(.32,o.theme.notification.kinds.warning.border)};border:1px solid ${o=>o.theme.notification.kinds.warning.border};::before{background-color:${o=>o.theme.notification.kinds.warning.border};}}&.error{background-color:${o=>o.theme.notification.kinds.error.border&&i.lighten(.32,o.theme.notification.kinds.error.border)};border:1px solid ${o=>o.theme.notification.kinds.error.border};::before{background-color:${o=>o.theme.notification.kinds.error.border};}}&.success{background-color:${o=>o.theme.notification.kinds.success.border&&i.lighten(.32,o.theme.notification.kinds.success.border)};border:1px solid ${o=>o.theme.notification.kinds.success.border};::before{background-color:${o=>o.theme.notification.kinds.success.border};}}& .notification-content{color:${o=>o.theme.notification.default.text};font-size:14px;line-height:1.1;word-break:break-word;margin:0 8px;}&.dismissible .notification-content{margin:0 24px 0 8px;}& .dismiss-button{position:absolute;top:6px;right:8px;width:16px;height:16px;opacity:0.24;cursor:pointer;}& .dismiss-button:hover{opacity:1;}& .dismiss-button:before{content:"\\d7";font-size:24px;line-height:0;}&.dismissed{transform:translateX(560px);}`;exports.NotificationItemStyled=t;
+//# sourceMappingURL=NotificationItem.styled.js.map

package/dist/cjs/components/Notification/NotificationItem/NotificationItem.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationItem.styled.js","sources":["../../../../../src/components/Notification/NotificationItem/NotificationItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport lighten from \"polished/lib/color/lighten\";\n\nimport { NotificationItemProps } from \"./NotificationItem\";\n\n\nexport const NotificationItemStyled = styled.div`\n    position         : relative;\n    display          : flex;\n    width            : 100%;\n    background-color : ${(props: NotificationItemProps) => props.theme.notification.default.bg};\n    border-radius    : 4px;\n    border           : 1px solid hsla(0, 0%, 0%, 0.04);\n    transition       : all 0.4s;\n    box-shadow       : 0  2px  0.2px rgba(0,0,0,0.016), \n                       0  4px  0.8px rgba(0,0,0,0.024),\n                       0  6px  2.4px rgba(0,0,0,0.032),\n                       0  8px  4.8px rgba(0,0,0,0.040),\n                       0 16px  8.0px rgba(0,0,0,0.056),\n                       0 24px 16.0px rgba(0,0,0,0.064);\n\n    &::before {\n        position      : absolute;\n        left          : 0;\n        top           : 0;\n        width         : 8px;\n        height        : 100%;\n        content       : \"\";\n        border-radius : 2px 0 0 2px;\n    }\n    \n    &.info {\n        background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border && lighten(0.32, props.theme.notification.kinds.info.border)};\n        border           : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border};\n\n        ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border}; }\n    }\n\n    &.warning {\n        background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border && lighten(0.32, props.theme.notification.kinds.warning.border)};\n        border           : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border};\n\n        ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border}; }\n    }\n\n    &.error {\n        background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border && lighten(0.32, props.theme.notification.kinds.error.border)};\n        border           : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border};\n\n        ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border}; }\n    }\n\n    &.success {\n        background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border && lighten(0.32, props.theme.notification.kinds.success.border)};\n        border           : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border};\n\n        ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border}; }\n    }\n\n\n    & .notification-content {\n        color       : ${(props: NotificationItemProps) => props.theme.notification.default.text};\n        font-size   : 14px;\n        line-height : 1.1;\n        word-break  : break-word;\n        margin      : 0 8px;\n    }\n\n    &.dismissible .notification-content { margin : 0 24px 0 8px; }\n\n    & .dismiss-button {\n        position : absolute;\n        top      : 6px;\n        right    : 8px;\n        width    : 16px;\n        height   : 16px;\n        opacity  : 0.24;\n        cursor   : pointer;\n    }\n\n    & .dismiss-button:hover { opacity: 1; }\n\n    & .dismiss-button:before {\n        content     : \"\\\\d7\";\n        font-size   : 24px;\n        line-height : 0;\n    }\n\n    &.dismissed { transform : translateX(560px); }\n`;\n"],"names":["NotificationItemStyled","div","props","theme","notification","default","bg","kinds","info","border","lighten","warning","error","success","text"],"mappings":"oQAMaA,4BAAgCC,2IAInBC,GAAiCA,EAAMC,MAAMC,aAAaC,QAAQC,kZAsB9DJ,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,QAAUC,UAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,4BACvHP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,oCAEpEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,uCAIhFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,QAAUC,UAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,4BAC7HP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,oCAEvEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,qCAInFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,QAAUC,UAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,4BACzHP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,oCAErEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,uCAIjFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,QAAUC,UAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,4BAC7HP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,oCAEvEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,0CAKxFP,GAAiCA,EAAMC,MAAMC,aAAaC,QAAQS"}

package/dist/cjs/components/Notification/NotificationsWrapper/NotificationsWrapper.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("./NotificationsWrapper.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../NotificationItem/NotificationItem.styled.js"),require("../../../external/lighten.js"),require("../../../external/rgba.js");var o=/*#__PURE__*/i(t);const s=o.default.forwardRef(((t,i)=>{var{position:s="right",anchor:a="top",order:n="new-on-top"}=t,u=e.__rest(t,["position","anchor","order"]);let l=[];return s&&l.push(s),a&&l.push(a),n&&l.push(n),o.default.createElement(e.Element,Object.assign({as:r.NotificationsWrapperStyled,ref:i,classNames:l},u))}));exports.NotificationsWrapper=s;
+//# sourceMappingURL=NotificationsWrapper.js.map

package/dist/cjs/components/Notification/NotificationsWrapper/NotificationsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsWrapper.js","sources":["../../../../../src/components/Notification/NotificationsWrapper/NotificationsWrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { NotificationsWrapperStyled } from \"./NotificationsWrapper.styled\";\n\n// prettier-ignore\nexport interface NotificationsWrapperCustomProps {\n    position ? : \"left\" | \"right\";\n    anchor   ? : \"top\" | \"bottom\";\n    order    ? : \"new-on-top\" | \"new-on-bottom\";\n}\n\nexport type NotificationsWrapperElementType = HTMLDivElement;\nexport type NotificationsWrapperProps = CommonAndHTMLProps<NotificationsWrapperElementType> &\n    NotificationsWrapperCustomProps;\n\nexport const NotificationsWrapper = React.forwardRef(\n    (\n        { position = \"right\", anchor = \"top\", order = \"new-on-top\", ...props }: NotificationsWrapperProps,\n        ref: React.Ref<NotificationsWrapperElementType>\n    ) => {\n        let classNames = [];\n\n        if (position) {\n            classNames.push(position);\n        }\n\n        if (anchor) {\n            classNames.push(anchor);\n        }\n\n        if (order) {\n            classNames.push(order);\n        }\n\n        return (\n            <Element<NotificationsWrapperElementType>\n                as={NotificationsWrapperStyled}\n                ref={ref}\n                classNames={classNames}\n                {...props}\n            />\n        );\n    }\n);\n"],"names":["NotificationsWrapper","React","forwardRef","_a","ref","position","anchor","order","props","classNames","push","Element","as","NotificationsWrapperStyled"],"mappings":"6bAkBaA,EAAuBC,UAAMC,YACtC,CACIC,EACAC,SADAC,SAAEA,EAAW,QAAbC,OAAsBA,EAAS,MAA/BC,MAAsCA,EAAQ,gBAAiBC,aAA/D,mCAGIC,EAAa,UAEbJ,GACAI,EAAWC,KAAKL,GAGhBC,GACAG,EAAWC,KAAKJ,GAGhBC,GACAE,EAAWC,KAAKH,GAIhBN,wBAACU,yBACGC,GAAIC,6BACJT,IAAKA,EACLK,WAAYA,GACRD"}

package/dist/cjs/components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../NotificationItem/NotificationItem.styled.js");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../../../external/lighten.js"),require("../../../external/rgba.js");const i=/*#__PURE__*/e(t).default.div.withConfig({displayName:"NotificationsWrapperStyled",componentId:"-1lzp1u7"})`position:fixed;display:flex;width:400px;z-index:5000000;padding:2vw;overflow-y:auto;overflow-x:hidden;&.left{left:0;}&.right{right:0;}&.top{top:0;}&.bottom{bottom:0;}&.top.new-on-top{flex-direction:column-reverse;${o.NotificationItemStyled}:first-of-type{margin-bottom:0;}${o.NotificationItemStyled}:last-of-type{margin-top:0;}}&.top.new-on-bottom{flex-direction:column;${o.NotificationItemStyled}:first-of-type{margin-top:0;}${o.NotificationItemStyled}:last-of-type{margin-bottom:0;}}&.bottom.new-on-top{flex-direction:column-reverse;${o.NotificationItemStyled}:first-of-type{margin-bottom:0;}${o.NotificationItemStyled}:last-of-type{margin-top:0;}}&.bottom.new-on-bottom{flex-direction:column;${o.NotificationItemStyled}:first-of-type{margin-top:0;}${o.NotificationItemStyled}:last-of-type{margin-bottom:0;}}`;exports.NotificationsWrapperStyled=i;
+//# sourceMappingURL=NotificationsWrapper.styled.js.map

package/dist/cjs/components/Notification/NotificationsWrapper/NotificationsWrapper.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsWrapper.styled.js","sources":["../../../../../src/components/Notification/NotificationsWrapper/NotificationsWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { NotificationItemStyled } from \"../NotificationItem/NotificationItem.styled\";\n\n\nexport const NotificationsWrapperStyled = styled.div`\n    position   : fixed;\n    display    : flex;\n    width      : 400px;\n    z-index    : 5000000;\n    padding    : 2vw;\n    overflow-y : auto;\n    overflow-x : hidden;\n\n    &.left  { left : 0; }\n    \n    &.right { right : 0; }\n\n    &.top { top : 0; }\n\n    &.bottom { bottom : 0; }\n\n    &.top.new-on-top {\n        flex-direction : column-reverse;\n\n        ${NotificationItemStyled}:first-of-type { margin-bottom : 0; }\n        ${NotificationItemStyled}:last-of-type  { margin-top : 0; }\n    }\n\n    &.top.new-on-bottom {\n        flex-direction : column;\n\n        ${NotificationItemStyled}:first-of-type { margin-top : 0; }\n        ${NotificationItemStyled}:last-of-type  { margin-bottom : 0; }\n    }\n\n    &.bottom.new-on-top {\n        flex-direction : column-reverse;\n\n        ${NotificationItemStyled}:first-of-type { margin-bottom : 0; }\n        ${NotificationItemStyled}:last-of-type  { margin-top : 0; }\n    }\n\n    &.bottom.new-on-bottom {\n        flex-direction : column;\n\n        ${NotificationItemStyled}:first-of-type { margin-top : 0; }\n        ${NotificationItemStyled}:last-of-type  { margin-bottom : 0; }\n    }\n`;\n"],"names":["NotificationsWrapperStyled","div","NotificationItemStyled"],"mappings":"8TAKaA,4BAAoCC,ySAoBvCC,2DACAA,kGAMAA,wDACAA,6GAMAA,2DACAA,qGAMAA,wDACAA"}

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./NotificationsWrapper/NotificationsWrapper.js"),t=require("./NotificationsWrapper/NotificationsWrapper.styled.js"),i=require("./NotificationItem/NotificationItem.js"),r=require("./NotificationItem/NotificationItem.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),require("../../external/lighten.js"),require("../../external/rgba.js"),exports.NotificationsWrapper=e.NotificationsWrapper,exports.NotificationsWrapperStyled=t.NotificationsWrapperStyled,exports.NotificationItem=i.NotificationItem,exports.NotificationItemStyled=r.NotificationItemStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./PinInputField.js"),r=require("./PinInputField.styled.js");require("react"),require("../../external/Element.js"),require("../Form/InputField/InputField.js"),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"),exports.PinInputField=e.PinInputField,exports.PinInputStyled=r.PinInputStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+export { SidebarWrapper } from "./SidebarWrapper/SidebarWrapper";
+export { SidebarWrapperStyled } from "./SidebarWrapper/SidebarWrapper.styled";
+export { SidebarHeader } from "./SidebarHeader/SidebarHeader";
+export { SidebarHeaderStyled } from "./SidebarHeader/SidebarHeader.styled";
+export { SidebarItem } from "./SidebarItem/SidebarItem";
+export { SidebarItemStyled } from "./SidebarItem/SidebarItem.styled";
+export { SidebarItemIcon } from "./SidebarItemIcon/SidebarItemIcon";
+export { SidebarItemIconStyled } from "./SidebarItemIcon/SidebarItemIcon.styled";
+export { SidebarItemText } from "./SidebarItemText/SidebarItemText";
+export { SidebarItemTextStyled } from "./SidebarItemText/SidebarItemText.styled";
+export { SidebarFooter } from "./SidebarFooter/SidebarFooter";
+export { SidebarFooterStyled } from "./SidebarFooter/SidebarFooter.styled";

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./SidebarWrapper/SidebarWrapper.js"),r=require("./SidebarWrapper/SidebarWrapper.styled.js"),t=require("./SidebarHeader/SidebarHeader.js"),d=require("./SidebarHeader/SidebarHeader.styled.js"),a=require("./SidebarItem/SidebarItem.js"),i=require("./SidebarItem/SidebarItem.styled.js"),S=require("./SidebarItemIcon/SidebarItemIcon.js"),b=require("./SidebarItemIcon/SidebarItemIcon.styled.js"),o=require("./SidebarItemText/SidebarItemText.js"),s=require("./SidebarItemText/SidebarItemText.styled.js"),I=require("./SidebarFooter/SidebarFooter.js"),p=require("./SidebarFooter/SidebarFooter.styled.js");require("../../external/Element.js"),require("react"),require("styled-components"),exports.SidebarWrapper=e.SidebarWrapper,exports.SidebarWrapperStyled=r.SidebarWrapperStyled,exports.SidebarHeader=t.SidebarHeader,exports.SidebarHeaderStyled=d.SidebarHeaderStyled,exports.SidebarItem=a.SidebarItem,exports.SidebarItemStyled=i.SidebarItemStyled,exports.SidebarItemIcon=S.SidebarItemIcon,exports.SidebarItemIconStyled=b.SidebarItemIconStyled,exports.SidebarItemText=o.SidebarItemText,exports.SidebarItemTextStyled=s.SidebarItemTextStyled,exports.SidebarFooter=I.SidebarFooter,exports.SidebarFooterStyled=p.SidebarFooterStyled;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

@@ -7,8 +7,10 @@ interface TabType {
 }
 export interface TabsCustomProps {
     tabs: TabType[];
+    /** wrapper to render additional content inside the nav along with tab labels */
+    additionalNavContentWrapper?: React.ReactNode;
 }
 export declare type TabsElementType = HTMLDivElement;
 export declare type TabsProps = Omit<CommonAndHTMLProps<TabsElementType>, keyof TabsCustomProps> & TabsCustomProps;
-export declare const Tabs: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, "tabs"> & TabsCustomProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof TabsCustomProps> & TabsCustomProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),a=require("../HRule/HRule.js"),l=require("../Typography/Text.js"),n=require("./Tabs.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../HRule/HRule.styled.js"),require("styled-components");var s=/*#__PURE__*/r(t);const u=s.default.forwardRef(((r,u)=>{var{tabs:i}=r,o=e.__rest(r,["tabs"]);const[c,d]=s.default.useState(i.length>0?i[0]:void 0),[f,m]=s.default.useState(!1),y=e=>{m(!0),setTimeout((()=>{m(!1),d(e)}),120)};return t.useEffect((()=>{if(i.length>0){const e=i.find((e=>e.key===(null==c?void 0:c.key)));y(e||i[0])}else d(void 0)}),[i]),s.default.createElement(e.Element,Object.assign({as:n.TabsStyled,ref:u},o),i.length>0&&c?s.default.createElement(s.default.Fragment,null,s.default.createElement("nav",null,i.map((e=>s.default.createElement(l.Text,{key:e.key,className:"is-clickable "+(e.key===c.key?"is-active":""),onClick:()=>y(e),marginBottom:"none"},e.label)))),s.default.createElement(a.HRule,{kind:"secondary",marginTop:"none",marginBottom:"micro"}),s.default.createElement(e.Element,{as:"div",className:"tabs-content "+(f?"exiting":"")},c.content)):s.default.createElement(s.default.Fragment,null))}));exports.Tabs=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),a=require("../HRule/HRule.js"),l=require("../Typography/Text.js"),n=require("./Tabs.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../HRule/HRule.styled.js"),require("styled-components");var u=/*#__PURE__*/r(t);const s=u.default.forwardRef(((r,s)=>{var{tabs:i,additionalNavContentWrapper:d}=r,o=e.__rest(r,["tabs","additionalNavContentWrapper"]);const[c,f]=u.default.useState(i.length>0?i[0]:void 0),[m,y]=u.default.useState(!1),E=e=>{y(!0),setTimeout((()=>{y(!1),f(e)}),120)};return t.useEffect((()=>{if(i.length>0){const e=i.find((e=>e.key===(null==c?void 0:c.key)));E(e||i[0])}else f(void 0)}),[i]),u.default.createElement(e.Element,Object.assign({as:n.TabsStyled,ref:s},o),i.length>0&&c?u.default.createElement(u.default.Fragment,null,u.default.createElement("nav",null,u.default.createElement("ul",{className:"tab-labels-list"},i.map((e=>u.default.createElement("li",null,u.default.createElement(l.Text,{key:e.key,className:`is-clickable ${e.key===c.key?"is-active":""} }`,onClick:()=>E(e),marginBottom:"none"},e.label))))),d&&u.default.createElement(u.default.Fragment,null,d)),u.default.createElement(a.HRule,{kind:"secondary",marginTop:"none",marginBottom:"micro"}),u.default.createElement(e.Element,{as:"div",className:"tabs-content "+(m?"exiting":"")},c.content)):u.default.createElement(u.default.Fragment,null))}));exports.Tabs=s;
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { HRule } from \"../HRule/HRule\";\nimport { Text } from \"../Typography/Text\";\n\nimport { TabsStyled } from \"./Tabs.styled\";\n\n// prettier-ignore\ninterface TabType {\n    key     : string;\n    label   : string;\n    content : React.ReactNode;\n}\n\n// prettier-ignore\nexport interface TabsCustomProps {\n    tabs : TabType[];\n}\n\nexport type TabsElementType = HTMLDivElement;\nexport type TabsProps = Omit<CommonAndHTMLProps<TabsElementType>, keyof TabsCustomProps> & TabsCustomProps;\n\nexport const Tabs = React.forwardRef(({ tabs, ...props }: TabsProps, ref: React.Ref<TabsElementType>) => {\n    const [activeTab, setActiveTab] = React.useState<TabType | undefined>(tabs.length > 0 ? tabs[0] : undefined);\n    const [isExiting, setIsExiting] = React.useState<boolean>(false);\n\n    const handleTabChange = (tab: TabType) => {\n        setIsExiting(true);\n        setTimeout(() => {\n            setIsExiting(false);\n            setActiveTab(tab);\n        }, 120);\n    };\n\n    useEffect(() => {\n        if (tabs.length > 0) {\n            const matchingTab = tabs.find((tab) => tab.key === activeTab?.key);\n            if (matchingTab) {\n                handleTabChange(matchingTab);\n            } else {\n                handleTabChange(tabs[0]);\n            }\n        } else {\n            setActiveTab(undefined);\n        }\n    }, [tabs]);\n\n    return (\n        <Element<TabsElementType> as={TabsStyled} ref={ref} {...props}>\n            {tabs.length > 0 && activeTab ? (\n                <>\n                    <nav>\n                        {tabs.map((tab) => (\n                            <Text\n                                key={tab.key}\n                                className={`is-clickable ${tab.key === activeTab.key ? \"is-active\" : \"\"}`}\n                                onClick={() => handleTabChange(tab)}\n                                marginBottom=\"none\"\n                            >\n                                {tab.label}\n                            </Text>\n                        ))}\n                    </nav>\n                    <HRule kind=\"secondary\" marginTop=\"none\" marginBottom=\"micro\" />\n                    <Element as=\"div\" className={`tabs-content ${isExiting ? \"exiting\" : \"\"}`}>\n                        {activeTab.content}\n                    </Element>\n                </>\n            ) : (\n                <></>\n            )}\n        </Element>\n    );\n});\n"],"names":["Tabs","React","forwardRef","_a","ref","tabs","props","activeTab","setActiveTab","useState","length","undefined","isExiting","setIsExiting","handleTabChange","tab","setTimeout","useEffect","matchingTab","find","key","Element","as","TabsStyled","map","Text","className","onClick","marginBottom","label","HRule","kind","marginTop","content"],"mappings":"yYAwBaA,EAAOC,UAAMC,YAAW,CAACC,EAA+BC,SAA/BC,KAAEA,KAASC,aAAX,gBAC3BC,EAAWC,GAAgBP,UAAMQ,SAA8BJ,EAAKK,OAAS,EAAIL,EAAK,QAAKM,IAC3FC,EAAWC,GAAgBZ,UAAMQ,UAAkB,GAEpDK,EAAmBC,IACrBF,GAAa,GACbG,YAAW,KACPH,GAAa,GACbL,EAAaO,KACd,aAGPE,aAAU,QACFZ,EAAKK,OAAS,EAAG,OACXQ,EAAcb,EAAKc,MAAMJ,GAAQA,EAAIK,OAAQb,MAAAA,SAAAA,EAAWa,OAE1DN,EADAI,GAGgBb,EAAK,SAGzBG,OAAaG,KAElB,CAACN,IAGAJ,wBAACoB,yBAAyBC,GAAIC,aAAYnB,IAAKA,GAASE,GACnDD,EAAKK,OAAS,GAAKH,EAChBN,gDACIA,mCACKI,EAAKmB,KAAKT,GACPd,wBAACwB,QACGL,IAAKL,EAAIK,IACTM,2BAA2BX,EAAIK,MAAQb,EAAUa,IAAM,YAAc,IACrEO,QAAS,IAAMb,EAAgBC,GAC/Ba,aAAa,QAEZb,EAAIc,UAIjB5B,wBAAC6B,SAAMC,KAAK,YAAYC,UAAU,OAAOJ,aAAa,UACtD3B,wBAACoB,WAAQC,GAAG,MAAMI,2BAA2Bd,EAAY,UAAY,KAChEL,EAAU0B,UAInBhC"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\nimport { HRule } from \"../HRule/HRule\";\nimport { Text } from \"../Typography/Text\";\n\nimport { TabsStyled } from \"./Tabs.styled\";\n\n// prettier-ignore\ninterface TabType {\n    key     : string;\n    label   : string;\n    content : React.ReactNode;\n}\n\n// prettier-ignore\nexport interface TabsCustomProps {\n    tabs : TabType[];\n    /** wrapper to render additional content inside the nav along with tab labels */\n    additionalNavContentWrapper?: React.ReactNode; \n}\n\nexport type TabsElementType = HTMLDivElement;\nexport type TabsProps = Omit<CommonAndHTMLProps<TabsElementType>, keyof TabsCustomProps> & TabsCustomProps;\n\nexport const Tabs = React.forwardRef(\n    ({ tabs, additionalNavContentWrapper, ...props }: TabsProps, ref: React.Ref<TabsElementType>) => {\n        const [activeTab, setActiveTab] = React.useState<TabType | undefined>(tabs.length > 0 ? tabs[0] : undefined);\n        const [isExiting, setIsExiting] = React.useState<boolean>(false);\n\n        const handleTabChange = (tab: TabType) => {\n            setIsExiting(true);\n            setTimeout(() => {\n                setIsExiting(false);\n                setActiveTab(tab);\n            }, 120);\n        };\n\n        useEffect(() => {\n            if (tabs.length > 0) {\n                const matchingTab = tabs.find((tab) => tab.key === activeTab?.key);\n                if (matchingTab) {\n                    handleTabChange(matchingTab);\n                } else {\n                    handleTabChange(tabs[0]);\n                }\n            } else {\n                setActiveTab(undefined);\n            }\n        }, [tabs]);\n\n        return (\n            <Element<TabsElementType> as={TabsStyled} ref={ref} {...props}>\n                {tabs.length > 0 && activeTab ? (\n                    <>\n                        <nav>\n                            <ul className=\"tab-labels-list\">\n                                {tabs.map((tab) => (\n                                    <li>\n                                        <Text\n                                            key={tab.key}\n                                            className={`is-clickable ${tab.key === activeTab.key ? \"is-active\" : \"\"} }`}\n                                            onClick={() => handleTabChange(tab)}\n                                            marginBottom=\"none\"\n                                        >\n                                            {tab.label}\n                                        </Text>\n                                    </li>\n                                ))}\n                            </ul>\n                            {additionalNavContentWrapper && <>{additionalNavContentWrapper}</>}\n                        </nav>\n                        <HRule kind=\"secondary\" marginTop=\"none\" marginBottom=\"micro\" />\n                        <Element as=\"div\" className={`tabs-content ${isExiting ? \"exiting\" : \"\"}`}>\n                            {activeTab.content}\n                        </Element>\n                    </>\n                ) : (\n                    <></>\n                )}\n            </Element>\n        );\n    }\n);\n"],"names":["Tabs","React","forwardRef","_a","ref","tabs","additionalNavContentWrapper","props","activeTab","setActiveTab","useState","length","undefined","isExiting","setIsExiting","handleTabChange","tab","setTimeout","useEffect","matchingTab","find","key","Element","as","TabsStyled","className","map","Text","onClick","marginBottom","label","HRule","kind","marginTop","content"],"mappings":"yYA0BaA,EAAOC,UAAMC,YACtB,CAACC,EAA4DC,SAA5DC,KAAEA,EAAFC,4BAAQA,KAAgCC,aAAxC,8CACUC,EAAWC,GAAgBR,UAAMS,SAA8BL,EAAKM,OAAS,EAAIN,EAAK,QAAKO,IAC3FC,EAAWC,GAAgBb,UAAMS,UAAkB,GAEpDK,EAAmBC,IACrBF,GAAa,GACbG,YAAW,KACPH,GAAa,GACbL,EAAaO,KACd,aAGPE,aAAU,QACFb,EAAKM,OAAS,EAAG,OACXQ,EAAcd,EAAKe,MAAMJ,GAAQA,EAAIK,OAAQb,MAAAA,SAAAA,EAAWa,OAE1DN,EADAI,GAGgBd,EAAK,SAGzBI,OAAaG,KAElB,CAACP,IAGAJ,wBAACqB,yBAAyBC,GAAIC,aAAYpB,IAAKA,GAASG,GACnDF,EAAKM,OAAS,GAAKH,EAChBP,gDACIA,mCACIA,8BAAIwB,UAAU,mBACTpB,EAAKqB,KAAKV,GACPf,kCACIA,wBAAC0B,QACGN,IAAKL,EAAIK,IACTI,0BAA2BT,EAAIK,MAAQb,EAAUa,IAAM,YAAc,OACrEO,QAAS,IAAMb,EAAgBC,GAC/Ba,aAAa,QAEZb,EAAIc,WAKpBxB,GAA+BL,gDAAGK,IAEvCL,wBAAC8B,SAAMC,KAAK,YAAYC,UAAU,OAAOJ,aAAa,UACtD5B,wBAACqB,WAAQC,GAAG,MAAME,2BAA2BZ,EAAY,UAAY,KAChEL,EAAU0B,UAInBjC"}

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:"-wnqvcx"})`nav{width:100%;display:flex;p{position:relative;}p:not(last-child){margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}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:"-wnqvcx"})`nav{width:100%;display:flex;align-items:center;ul.tab-labels-list{display:flex;p{position:relative;}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: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