fictoan-react 0.36.2 → 0.37.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+### 0.37.0
+- Add `Toast` component
+
+### 0.36.4
+- Add `horizontallyCentreThis`, `horizontallyCenterThis`, `verticallyCentreItems`, `verticallyCenterItems`, `pushItemsToEnds` as props instead of class names
+
+### 0.36.3
+- Fix `Select` border-radius inheritance bug
+- Fix `SidebarItemText` hover state text colour
+
 ### 0.36.2
 - Fix inconsistent `tabLS` and `tabPT` props
 
@@ -244,7 +254,7 @@ Breaking changes
 - Switch to useState & useEffect for merging theme
 
 ### 0.31.7
-- Fix Card theme issue for setting `borderRadius`
+- Fix Toast theme issue for setting `borderRadius`
 
 ### 0.31.6
 - Fix broken builds (0.31.2 - 0.31.5)

package/README.md

@@ -28,13 +28,13 @@ npm install fictoan-react
 
 And start using!
 ```jsx
-import { Card } from "fictoan-react";
+import { Toast } from "fictoan-react";
 
 const MyComponent = props => {
     return (
-        <Card shape="rounded" bgColour="white" borderColour="slate-20" shadow="soft">
-            My Awesome Card
-        </Card>
+        <Toast shape="rounded" bgColour="white" borderColour="slate-20" shadow="soft">
+            My Awesome Toast
+        </Toast>
     );
 }
 ```

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

@@ -1 +1 @@
-{"version":3,"file":"Callout.styled.js","sources":["../../../../src/components/Callout/Callout.styled.tsx"],"sourcesContent":["import transparentize from \"polished/lib/color/transparentize\";\nimport { defaultColours } from \"../../styles/DefaultColours\";\nimport styled from \"styled-components\";\n\nexport const CalloutStyled = styled.div`\n    display       : block;\n    border-width  : 0 0 0 5px;\n    word-break    : break-word;\n    border-style  : solid;\n    padding       : 16px;\n    border-radius : 4px;\n\n    &.info {\n        background-color : ${transparentize(0.80, defaultColours.blue)};\n        border-color     : ${defaultColours.blue};\n    }\n\n    &.success {\n        background-color : ${transparentize(0.80, defaultColours.green)};\n        border-color     : ${defaultColours.green};\n    }\n    \n    &.warning {\n        background-color : ${transparentize(0.80, defaultColours.amber)};\n        border-color     : ${defaultColours.amber};\n    }\n\n    &.error {\n        background-color : ${transparentize(0.80, defaultColours.red)};\n        border-color     : ${defaultColours.red};\n    }\n\n`;\n"],"names":["CalloutStyled","div","transparentize","defaultColours","blue","green","amber","red"],"mappings":"mTAIaA,4BAAuBC,2MASPC,iBAAe,GAAMC,iBAAeC,sBACpCD,iBAAeC,oCAIfF,iBAAe,GAAMC,iBAAeE,uBACpCF,iBAAeE,qCAIfH,iBAAe,GAAMC,iBAAeG,uBACpCH,iBAAeG,mCAIfJ,iBAAe,GAAMC,iBAAeI,qBACpCJ,iBAAeI"}
+{"version":3,"file":"Callout.styled.js","sources":["../../../../src/components/Callout/Callout.styled.tsx"],"sourcesContent":["import transparentize from \"polished/lib/color/transparentize\";\nimport { defaultColours } from \"../../styles/DefaultColours\";\nimport styled from \"styled-components\";\n\nexport const CalloutStyled = styled.div`\n    display       : block;\n    border-width  : 0 0 0 5px;\n    word-break    : break-word;\n    border-style  : solid;\n    padding       : 16px;\n    border-radius : 4px;\n\n    &.info {\n        background-color : ${transparentize(0.80, defaultColours.blue)};\n        border-color     : ${defaultColours.blue};\n    }\n\n    &.success {\n        background-color : ${transparentize(0.80, defaultColours.green)};\n        border-color     : ${defaultColours.green};\n    }\n\n    &.warning {\n        background-color : ${transparentize(0.80, defaultColours.amber)};\n        border-color     : ${defaultColours.amber};\n    }\n\n    &.error {\n        background-color : ${transparentize(0.80, defaultColours.red)};\n        border-color     : ${defaultColours.red};\n    }\n`;\n"],"names":["CalloutStyled","div","transparentize","defaultColours","blue","green","amber","red"],"mappings":"mTAIaA,4BAAuBC,2MASPC,iBAAe,GAAMC,iBAAeC,sBACpCD,iBAAeC,oCAIfF,iBAAe,GAAMC,iBAAeE,uBACpCF,iBAAeE,qCAIfH,iBAAe,GAAMC,iBAAeG,uBACpCH,iBAAeG,mCAIfJ,iBAAe,GAAMC,iBAAeI,qBACpCJ,iBAAeI"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n    position : relative;\n    width    : 100%;\n\n    &[class*=\"border-\"] {\n        border-width : ${(props: CardProps) => props.theme.globals.borderWidth};\n    }\n\n    &:not([class*=\"border-\"]) {\n        border : 1px solid ${(props: CardProps) => props.theme.card.border};\n    }\n\n    &:not([class*=\"bg-\"]) {\n        background-color : ${(props: CardProps) => props.theme.card.bg};\n    }\n\n    &.shape-rounded { border-radius : ${(props: CardProps) => props.theme.card.borderRadius}; }\n\n    &.padding-all-tiny   { padding : 8px; }\n    &.padding-all-small  { padding : 16px; }\n    &.padding-all-medium { padding : 32px; }\n    &.padding-all-large  { padding : 48px; }\n    &.padding-all-huge   { padding : 64px; }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"padding\"] { padding : 4vmin; }\n\n        .padding-none { padding : 0 !important; }\n    }\n`;\n"],"names":["CardStyled","div","props","theme","globals","borderWidth","card","border","bg","borderRadius"],"mappings":"kJAKaA,uDAAoBC,iIAKPC,GAAqBA,EAAMC,MAAMC,QAAQC,2DAIrCH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAItCL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAG3BN,GAAqBA,EAAMC,MAAMG,KAAKG"}
+{"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n    position : relative;\n    width    : 100%;\n\n    &[class*=\"border-\"] { border-width : ${(props: CardProps) => props.theme.globals.borderWidth}; }\n\n    &:not([class*=\"border-\"]) { border : 1px solid ${(props: CardProps) => props.theme.card.border}; }\n    \n    &:not([class*=\"bg-\"]) { background-color : ${(props: CardProps) => props.theme.card.bg}; }\n\n    &.shape-rounded { border-radius : ${(props: CardProps) => props.theme.card.borderRadius}; }\n\n    &.padding-all-tiny   { padding : 8px; }\n    &.padding-all-small  { padding : 16px; }\n    &.padding-all-medium { padding : 32px; }\n    &.padding-all-large  { padding : 48px; }\n    &.padding-all-huge   { padding : 64px; }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"padding\"] { padding : 4vmin; }\n\n        .padding-none { padding : 0 !important; }\n    }\n`;\n"],"names":["CardStyled","div","props","theme","globals","borderWidth","card","border","bg","borderRadius"],"mappings":"kJAKaA,uDAAoBC,iIAIWC,GAAqBA,EAAMC,MAAMC,QAAQC,2DAE/BH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAE1CL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAE/CN,GAAqBA,EAAMC,MAAMG,KAAKG"}

package/dist/cjs/components/CodeBlock/prismjs-components/prism-components.d.ts

@@ -1,3 +1,5 @@
 declare module "*" {
     function registerLanguage(Prism: object): void;
+    class Default {
+    }
 }

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

@@ -47,6 +47,11 @@ export interface CommonProps extends ThemeProps {
     shadow?: ShadowTypes;
     shape?: ShapeTypes;
     opacity?: OpacityTypes;
+    horizontallyCentreThis?: boolean;
+    horizontallyCenterThis?: boolean;
+    verticallyCentreItems?: boolean;
+    verticallyCenterItems?: boolean;
+    pushItemsToEnds?: boolean;
     classNames?: any[];
 }
 export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "size" | "ref" | "shape"> {

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.styled.js","sources":["../../../../../src/components/Form/InputField/InputField.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputFieldProps } from \"./InputField\";\n\n\nexport const InputFieldStyled = styled.input`\n    position         : relative;\n    width            : 100%;\n    flex             : 1 1 auto;\n    font-family      : ${(props: InputFieldProps) => props.theme.text.font.sans};\n    color            : ${(props: InputFieldProps) => props.theme.inputField.default.text};\n    background-color : ${(props: InputFieldProps) => props.theme.inputField.default.bg};\n    border           : 1px solid ${(props: InputFieldProps) => props.theme.inputField.default.border};\n    border-radius    : ${(props: InputFieldProps) => props.theme.inputField.default.borderRadius};\n    padding          : 12px;\n    line-height      : 1;\n\n    &:active,\n    &:focus {\n        background-color : ${(props: InputFieldProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props: InputFieldProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px;\n    }\n\n    &[type=password] { letter-spacing : 4px; }\n\n    /*  LEFT AND  RIGHT ICONS  ============================================  */\n    &.with-icon-left  { padding-left : 40px; }\n    &.with-icon-right { padding-right : 40px; }\n\n    span.icon-left,\n    span.icon-right {\n        position : absolute;\n        bottom   : 12px;\n        width    : 24px;\n        height   : 24px;\n    }\n\n    span.icon-left svg,\n    span.icon-right svg {\n        fill       : ${(props: InputFieldProps) => props.theme.inputField.icons.default.fill};\n        transition : all 0.2s;\n        width      : 24px;\n        height     : 24px;\n    }\n\n    span.icon-left { left : 8px; }\n\n    span.icon-right {\n        right   : 8px;\n        opacity : 0.24;\n    }\n\n    &.with-icon-left:focus ~ span.icon-left svg {\n        fill : ${(props: InputFieldProps) => props.theme.inputField.icons.onFocus.fill};\n    }\n\n    /*  Grey check mark  */\n    &.validate-this {\n        padding-right       : 40px;\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : right 12px top 56%;\n        background-size     : 24px;\n\n        &:focus {\n            background-position : right 11px top 56%;\n        }\n    }\n\n    &.validate-this ~ span.icon-right { display : none; }\n\n    /*  Green check mark  */\n    &.validate-this:valid:not(:placeholder-shown) {\n        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n    }\n\n    /*  Red cross  */\n    &:invalid:not(:focus):not(:placeholder-shown) {\n        border              : 1px solid ${(props: InputFieldProps) => props.theme.inputField.icons.isValid.border};\n        background-color    : ${(props: InputFieldProps) => props.theme.inputField.isInvalid.bg};\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : 98%;\n        background-size     : 24px;\n    }\n`;\n"],"names":["InputFieldStyled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQG,6EAMtDT,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQH,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQF,wQAoB1ER,GAA2BA,EAAMC,MAAMI,WAAWM,MAAML,QAAQM,sKActEZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAMD,QAAQE,q6BAyBvCZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAME,QAAQL,2BAC1ER,GAA2BA,EAAMC,MAAMI,WAAWS,UAAUP"}
+{"version":3,"file":"InputField.styled.js","sources":["../../../../../src/components/Form/InputField/InputField.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputFieldProps } from \"./InputField\";\n\n\nexport const InputFieldStyled = styled.input`\n    position         : relative;\n    width            : 100%;\n    flex             : 1 1 auto;\n    font-family      : ${(props: InputFieldProps) => props.theme.text.font.sans};\n    color            : ${(props: InputFieldProps) => props.theme.inputField.default.text};\n    background-color : ${(props: InputFieldProps) => props.theme.inputField.default.bg};\n    border           : 1px solid ${(props: InputFieldProps) => props.theme.inputField.default.border};\n    border-radius    : ${(props : InputFieldProps) => props.theme.inputField.default.borderRadius};\n    padding          : 12px;\n    line-height      : 1;\n\n    &:active,\n    &:focus {\n        background-color : ${(props: InputFieldProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props : InputFieldProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px;\n    }\n\n    &[type=password] { letter-spacing : 4px; }\n\n    /*  LEFT AND  RIGHT ICONS  ============================================  */\n    &.with-icon-left  { padding-left : 40px; }\n    &.with-icon-right { padding-right : 40px; }\n\n    span.icon-left,\n    span.icon-right {\n        position : absolute;\n        bottom   : 12px;\n        width    : 24px;\n        height   : 24px;\n    }\n\n    span.icon-left svg,\n    span.icon-right svg {\n        fill       : ${(props: InputFieldProps) => props.theme.inputField.icons.default.fill};\n        transition : all 0.2s;\n        width      : 24px;\n        height     : 24px;\n    }\n\n    span.icon-left { left : 8px; }\n\n    span.icon-right {\n        right   : 8px;\n        opacity : 0.24;\n    }\n\n    &.with-icon-left:focus ~ span.icon-left svg {\n        fill : ${(props: InputFieldProps) => props.theme.inputField.icons.onFocus.fill};\n    }\n\n    /*  Grey check mark  */\n    &.validate-this {\n        padding-right       : 40px;\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : right 12px top 56%;\n        background-size     : 24px;\n\n        &:focus {\n            background-position : right 11px top 56%;\n        }\n    }\n\n    &.validate-this ~ span.icon-right { display : none; }\n\n    /*  Green check mark  */\n    &.validate-this:valid:not(:placeholder-shown) {\n        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n    }\n\n    /*  Red cross  */\n    &:invalid:not(:focus):not(:placeholder-shown) {\n        border              : 1px solid ${(props: InputFieldProps) => props.theme.inputField.icons.isValid.border};\n        background-color    : ${(props: InputFieldProps) => props.theme.inputField.isInvalid.bg};\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : 98%;\n        background-size     : 24px;\n    }\n`;\n"],"names":["InputFieldStyled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,GAA4BA,EAAMC,MAAMI,WAAWC,QAAQG,6EAMvDT,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQH,uBAChDP,GAA4BA,EAAMC,MAAMI,WAAWK,QAAQF,wQAoB3ER,GAA2BA,EAAMC,MAAMI,WAAWM,MAAML,QAAQM,sKActEZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAMD,QAAQE,q6BAyBvCZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAME,QAAQL,2BAC1ER,GAA2BA,EAAMC,MAAMI,WAAWS,UAAUP"}

package/dist/cjs/components/Form/Select/Select.styled.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/*#__PURE__*/e(require("styled-components"));const o=t.default.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-zuatoe"})`position:relative;width:max-content;align-self:flex-start;&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,i=t.default.select.withConfig({displayName:"SelectStyled",componentId:"-1o98hth"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:4px;align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;exports.SelectStyled=i,exports.SelectWrapperStyled=o;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/*#__PURE__*/e(require("styled-components"));const o=t.default.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-zuatoe"})`position:relative;width:max-content;align-self:flex-start;border-radius:${e=>e.theme.inputField.default.borderRadius};&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,i=t.default.select.withConfig({displayName:"SelectStyled",componentId:"-1o98hth"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:4px;align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;exports.SelectStyled=i,exports.SelectWrapperStyled=o;
 //# sourceMappingURL=Select.styled.js.map

package/dist/cjs/components/Form/Select/Select.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n    position   : relative;\n    width      : max-content;\n    align-self : flex-start;\n\n    &::after {\n        content        : \"\";\n        display        : inline-block;\n        position       : absolute;\n        top            : 50%;\n        right          : 12px;\n        width          : 10px;\n        height         : 10px;\n        border-style   : solid;\n        border-width   : 0 2px 2px 0;\n        transform      : translateY(-50%) rotate(45deg);\n        color          : ${(props: SelectProps) => props.theme.select.chevron};\n        transition     : transform 0.2s linear;\n        z-index        : 500;\n        pointer-events : none;\n    }\n\n    &[disabled]::after {\n        color : ${(props: SelectProps) => props.theme.inputField.isReadOnly.text};\n    }\n`;\n\nexport const SelectStyled = styled.select`\n    display          : flex;\n    height           : 100%;\n    padding          : 12px 36px 12px 8px;\n    font-family      : ${(props: SelectProps) => props.theme.text.font.sans};\n    background-color : ${(props: SelectProps) => props.theme.inputField.default.bg};\n    border-radius    : 4px;\n    align-items      : center;\n    border           : 1px solid ${(props: SelectProps) => props.theme.inputField.default.border};\n    width            : 100%;\n\n    &:focus {\n        background-color : ${(props: SelectProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props: SelectProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px 35px 11px 7px;\n    }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","select","chevron","inputField","isReadOnly","text","SelectStyled","font","sans","default","bg","border","onFocus"],"mappings":"qMAKaA,EAAsBC,UAAOC,qUAgBdC,GAAuBA,EAAMC,MAAMC,OAAOC,sGAOnDH,GAAuBA,EAAMC,MAAMG,WAAWC,WAAWC,SAI/DC,EAAeT,UAAOI,yIAITF,GAAuBA,EAAMC,MAAMK,KAAKE,KAAKC,yBAC7CT,GAAuBA,EAAMC,MAAMG,WAAWM,QAAQC,4DAG5CX,GAAuBA,EAAMC,MAAMG,WAAWM,QAAQE,8CAI5DZ,GAAuBA,EAAMC,MAAMG,WAAWS,QAAQF,uBAC5CX,GAAuBA,EAAMC,MAAMG,WAAWS,QAAQD"}
+{"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n    position   : relative;\n    width      : max-content;\n    align-self : flex-start;\n    border-radius    : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n\n    &::after {\n        content        : \"\";\n        display        : inline-block;\n        position       : absolute;\n        top            : 50%;\n        right          : 12px;\n        width          : 10px;\n        height         : 10px;\n        border-style   : solid;\n        border-width   : 0 2px 2px 0;\n        transform      : translateY(-50%) rotate(45deg);\n        color          : ${(props: SelectProps) => props.theme.select.chevron};\n        transition     : transform 0.2s linear;\n        z-index        : 500;\n        pointer-events : none;\n    }\n\n    &[disabled]::after {\n        color : ${(props: SelectProps) => props.theme.inputField.isReadOnly.text};\n    }\n`;\n\nexport const SelectStyled = styled.select`\n    display          : flex;\n    height           : 100%;\n    padding          : 12px 36px 12px 8px;\n    font-family      : ${(props: SelectProps) => props.theme.text.font.sans};\n    background-color : ${(props: SelectProps) => props.theme.inputField.default.bg};\n    border-radius    : 4px;\n    align-items      : center;\n    border           : 1px solid ${(props: SelectProps) => props.theme.inputField.default.border};\n    width            : 100%;\n\n    &:focus {\n        background-color : ${(props: SelectProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props: SelectProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px 35px 11px 7px;\n    }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","inputField","default","borderRadius","select","chevron","isReadOnly","text","SelectStyled","font","sans","bg","border","onFocus"],"mappings":"qMAKaA,EAAsBC,UAAOC,oJAIhBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAarDJ,GAAuBA,EAAMC,MAAMI,OAAOC,sGAOnDN,GAAuBA,EAAMC,MAAMC,WAAWK,WAAWC,SAI/DC,EAAeX,UAAOO,yIAITL,GAAuBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC7CX,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQS,4DAG5CZ,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI5Db,GAAuBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC5CZ,GAAuBA,EAAMC,MAAMC,WAAWY,QAAQD"}

package/dist/cjs/components/Notifications/NotificationsItem/NotificationItem.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.styled.js","sources":["../../../../../src/components/Notifications/NotificationsItem/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 NotificationsItemStyled = 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 {\n        transform: translateX(560px);\n    }\n`;\n"],"names":["NotificationsItemStyled","div","props","theme","notification","default","bg","kinds","info","border","lighten","warning","error","success","text"],"mappings":"oQAMaA,4BAAiCC,0IAIpBC,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"}
+{"version":3,"file":"NotificationItem.styled.js","sources":["../../../../../src/components/Notifications/NotificationsItem/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 NotificationsItemStyled = 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":["NotificationsItemStyled","div","props","theme","notification","default","bg","kinds","info","border","lighten","warning","error","success","text"],"mappings":"oQAMaA,4BAAiCC,0IAIpBC,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/Sidebar/SidebarItem/SidebarItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("./SidebarItem.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var s=/*#__PURE__*/a(t);const l=s.default.forwardRef(((t,a)=>{var{hasAlert:l}=t,u=e.__rest(t,["hasAlert"]);let n=[];return l&&n.push("has-alert"),s.default.createElement(e.Element,Object.assign({as:r.SidebarItemStyled,ref:a,classNames:n},u))}));exports.SidebarItem=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("./SidebarItem.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../SidebarItemText/SidebarItemText.styled.js");var s=/*#__PURE__*/a(t);const l=s.default.forwardRef(((t,a)=>{var{hasAlert:l}=t,d=e.__rest(t,["hasAlert"]);let u=[];return l&&u.push("has-alert"),s.default.createElement(e.Element,Object.assign({as:r.SidebarItemStyled,ref:a,classNames:u},d))}));exports.SidebarItem=l;
 //# sourceMappingURL=SidebarItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { SidebarItemStyled } from \"./SidebarItem.styled\";\n\nexport interface SidebarItemCustomProps {\n    hasAlert ?: boolean;\n}\n\nexport type SidebarItemElementType = HTMLDivElement;\nexport type SidebarItemProps = Omit<CommonAndHTMLProps<SidebarItemElementType>, keyof SidebarItemCustomProps> & SidebarItemCustomProps;\n\nexport const SidebarItem = React.forwardRef(\n    ({ hasAlert, ...props }: SidebarItemProps, ref: React.Ref<SidebarItemElementType>) => {\n        let classNames = [];\n\n        if(hasAlert) {\n            classNames.push(\"has-alert\");\n        }\n\n        return <Element<SidebarItemElementType> as={SidebarItemStyled} ref={ref} classNames={classNames} {...props} />;\n    }\n);\n"],"names":["SidebarItem","React","forwardRef","_a","ref","hasAlert","props","classNames","push","Element","as","SidebarItemStyled"],"mappings":"6SAcaA,EAAcC,UAAMC,YAC7B,CAACC,EAA0CC,SAA1CC,SAAEA,KAAaC,aAAf,kBACOC,EAAa,UAEdF,GACCE,EAAWC,KAAK,aAGbP,wBAACQ,yBAAgCC,GAAIC,oBAAmBP,IAAKA,EAAKG,WAAYA,GAAgBD"}
+{"version":3,"file":"SidebarItem.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { SidebarItemStyled } from \"./SidebarItem.styled\";\n\nexport interface SidebarItemCustomProps {\n    hasAlert ? : boolean;\n}\n\nexport type SidebarItemElementType = HTMLDivElement;\nexport type SidebarItemProps = Omit<CommonAndHTMLProps<SidebarItemElementType>, keyof SidebarItemCustomProps> & SidebarItemCustomProps;\n\nexport const SidebarItem = React.forwardRef(\n    ({ hasAlert, ...props }: SidebarItemProps, ref: React.Ref<SidebarItemElementType>) => {\n        let classNames = [];\n\n        if(hasAlert) {\n            classNames.push(\"has-alert\");\n        }\n\n        return <Element<SidebarItemElementType> as={SidebarItemStyled} ref={ref} classNames={classNames} {...props} />;\n    }\n);\n"],"names":["SidebarItem","React","forwardRef","_a","ref","hasAlert","props","classNames","push","Element","as","SidebarItemStyled"],"mappings":"qWAcaA,EAAcC,UAAMC,YAC7B,CAACC,EAA0CC,SAA1CC,SAAEA,KAAaC,aAAf,kBACOC,EAAa,UAEdF,GACCE,EAAWC,KAAK,aAGbP,wBAACQ,yBAAgCC,GAAIC,oBAAmBP,IAAKA,EAAKG,WAAYA,GAAgBD"}

package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"SidebarItemStyled",componentId:"-1rbxifo"})`display:grid;align-items:center;grid-template-columns:${e=>e.theme.sidebar.isCollapsed.width} 1fr;grid-template-rows:40px;& > a{width:unset;}&:hover{color:${e=>e.theme.sidebar.links.onHover.text};background-color:${e=>e.theme.sidebar.links.onHover.bg};}&.has-alert{position:relative;&::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;right:6px;height:8px;width:8px;border-radius:50%;background-color:${e=>e.theme.sidebar.links.hasAlert.bg};}}`;exports.SidebarItemStyled=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarItemText/SidebarItemText.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=/*#__PURE__*/r(e).default.div.withConfig({displayName:"SidebarItemStyled",componentId:"-1rbxifo"})`display:grid;align-items:center;grid-template-columns:${e=>e.theme.sidebar.isCollapsed.width} 1fr;grid-template-rows:40px;& > a{width:unset;}&:hover{color:${e=>e.theme.sidebar.links.onHover.text};background-color:${e=>e.theme.sidebar.links.onHover.bg};}&:hover a ${t.SidebarItemTextStyled}{color:${e=>e.theme.sidebar.links.onHover.text};}&.has-alert{position:relative;&::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;right:6px;height:8px;width:8px;border-radius:50%;background-color:${e=>e.theme.sidebar.links.hasAlert.bg};}}`;exports.SidebarItemStyled=o;
 //# sourceMappingURL=SidebarItem.styled.js.map

package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemProps } from \"./SidebarItem\";\n\nexport const SidebarItemStyled = styled.div`\n    display               : grid;\n    align-items           : center;\n    grid-template-columns : ${(props: SidebarItemProps) => props.theme.sidebar.isCollapsed.width} 1fr;\n    grid-template-rows    : 40px;\n\n    & > a { width : unset; }\n\n    &:hover {\n        color            : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.text};\n        background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.bg};\n    }\n\n    &.has-alert {\n        position : relative;\n        \n        &::after {\n            content          : \"\";\n            display          : block;\n            position         : absolute;\n            top              : 50%;\n            transform        : translateY(-50%);\n            pointer-events   : none;\n            right            : 6px;\n            height           : 8px;\n            width            : 8px;\n            border-radius    : 50%;\n            background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.hasAlert.bg};\n        }\n    }\n\n`;\n"],"names":["SidebarItemStyled","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","hasAlert"],"mappings":"kJAIaA,uDAA2BC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,yBAC9DP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQE,kNAiB1DR,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMI,SAASD"}
+{"version":3,"file":"SidebarItem.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemProps } from \"./SidebarItem\";\n\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\";\n\nexport const SidebarItemStyled = styled.div`\n    display               : grid;\n    align-items           : center;\n    grid-template-columns : ${(props: SidebarItemProps) => props.theme.sidebar.isCollapsed.width} 1fr;\n    grid-template-rows    : 40px;\n\n    & > a { width : unset; }\n\n    &:hover {\n        color            : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.text};\n        background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.bg};\n    }\n\n    &:hover a ${SidebarItemTextStyled} {\n        color : ${(props : SidebarItemProps) => props.theme.sidebar.links.onHover.text};\n    }\n\n    &.has-alert {\n        position : relative;\n        \n        &::after {\n            content          : \"\";\n            display          : block;\n            position         : absolute;\n            top              : 50%;\n            transform        : translateY(-50%);\n            pointer-events   : none;\n            right            : 6px;\n            height           : 8px;\n            width            : 8px;\n            border-radius    : 50%;\n            background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.hasAlert.bg};\n        }\n    }\n\n`;\n"],"names":["SidebarItemStyled","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","SidebarItemTextStyled","hasAlert"],"mappings":"+OAMaA,4BAA2BC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,yBAC9DP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQE,iBAG5EC,iCACGT,GAA6BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,oNAiBhDP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMK,SAASF"}

package/dist/cjs/components/Sidebar/SidebarItemText/SidebarItemText.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemText.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemText/SidebarItemText.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const SidebarItemTextStyled = styled.p`\n    margin             : 0;\n    overflow           : hidden;\n    -webkit-line-clamp : 1;\n`;\n"],"names":["SidebarItemTextStyled","p"],"mappings":"kJAEaA,uDAA+BC"}
+{"version":3,"file":"SidebarItemText.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemText/SidebarItemText.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { SidebarItemTextProps } from \"./SidebarItemText\";\n\nexport const SidebarItemTextStyled = styled.p`\n    margin             : 0;\n    overflow           : hidden;\n    -webkit-line-clamp : 1;\n`;\n"],"names":["SidebarItemTextStyled","p"],"mappings":"kJAGaA,uDAA+BC"}

package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarHeader/SidebarHeader.styled.js"),i=require("../SidebarItem/SidebarItem.styled.js"),d=require("../SidebarItemText/SidebarItemText.styled.js"),o=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),r=require("../SidebarFooter/SidebarFooter.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=/*#__PURE__*/a(e).default.aside.withConfig({displayName:"SidebarWrapperStyled",componentId:"-1f7py67"})`display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:${e=>e.theme.sidebar.width};min-height:100vh;overflow-y:auto;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.bg};box-shadow:2px 0 8px -4px rgba(0, 0, 0, 0.16);z-index:10000;font-size:${e=>e.theme.sidebar.links.default.scale}%;*{user-select:none;}@media (max-width : 900px){left:calc(-1 * 100%);z-index:4000;}&.collapsed{width:${e=>e.theme.sidebar.isCollapsed.width};overflow-x:hidden;${t.SidebarHeaderStyled}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${d.SidebarItemTextStyled}{display:none;position:absolute;}${i.SidebarItemStyled}:hover ${o.SidebarItemIconStyled} + ${d.SidebarItemTextStyled}{display:flex;position:fixed;left:40px;align-self:center;border-radius:4px;padding:4px 8px;background-color:${e=>e.theme.sidebar.isCollapsed.label.bg};color:${e=>e.theme.sidebar.isCollapsed.label.text};font-size:88%;box-shadow:0 4px 16px -2px rgba(0, 0, 0, 0.24);}${r.SidebarFooterStyled}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.subLinks.default.text};}a.active{position:relative;display:block;background-color:${e=>e.theme.sidebar.links.isSelected.bg};&::before{display:block;position:absolute;width:4px;height:100%;top:0;left:0;content:"";border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:${e=>e.theme.sidebar.links.isSelected.border};}& .icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.icons.stroked.isActive.line};}& .icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.icons.filled.isActive.bg};}p{color:${e=>e.theme.sidebar.links.isSelected.text};}}`;exports.SidebarWrapperStyled=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarHeader/SidebarHeader.styled.js"),i=require("../SidebarItem/SidebarItem.styled.js"),d=require("../SidebarItemText/SidebarItemText.styled.js"),o=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),r=require("../SidebarFooter/SidebarFooter.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=/*#__PURE__*/l(e).default.aside.withConfig({displayName:"SidebarWrapperStyled",componentId:"-1f7py67"})`display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:${e=>e.theme.sidebar.width};min-height:100vh;overflow-y:auto;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.bg};box-shadow:2px 0 8px -4px rgba(0, 0, 0, 0.16);z-index:10000;font-size:${e=>e.theme.sidebar.links.default.scale}%;*{user-select:none;}@media (max-width : 900px){left:calc(-1 * 100%);z-index:4000;}&.collapsed{width:${e=>e.theme.sidebar.isCollapsed.width};overflow-x:hidden;${t.SidebarHeaderStyled}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${d.SidebarItemTextStyled}{display:none;position:absolute;}${i.SidebarItemStyled}:hover ${o.SidebarItemIconStyled} + ${d.SidebarItemTextStyled}{display:flex;position:fixed;left:40px;align-self:center;border-radius:4px;padding:4px 8px;background-color:${e=>e.theme.sidebar.isCollapsed.label.bg};color:${e=>e.theme.sidebar.isCollapsed.label.text};font-size:88%;box-shadow:0 4px 16px -2px rgba(0, 0, 0, 0.24);}${r.SidebarFooterStyled}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.links.default.text};}a p:hover{color:${e=>e.theme.sidebar.links.onHover.text};}a.active{position:relative;display:block;background-color:${e=>e.theme.sidebar.links.isSelected.bg};&::before{display:block;position:absolute;width:4px;height:100%;top:0;left:0;content:"";border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:${e=>e.theme.sidebar.links.isSelected.border};}& .icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.icons.stroked.isActive.line};}& .icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.icons.filled.isActive.bg};}p{color:${e=>e.theme.sidebar.links.isSelected.text};}}`;exports.SidebarWrapperStyled=a;
 //# sourceMappingURL=SidebarWrapper.styled.js.map

package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWrapper.styled.js","sources":["../../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperProps } from \"./SidebarWrapper\";\nimport { SidebarItemIconProps } from \"../SidebarItemIcon/SidebarItemIcon\";\n\nimport { SidebarHeaderStyled } from \"../SidebarHeader/SidebarHeader.styled\";\nimport { SidebarItemStyled } from \"../SidebarItem/SidebarItem.styled\"\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\"\nimport { SidebarItemIconStyled } from \"../SidebarItemIcon/SidebarItemIcon.styled\"\nimport { SidebarFooterStyled } from \"../SidebarFooter/SidebarFooter.styled\";\n\n\nexport const SidebarWrapperStyled = styled.aside`\n    display          : flex;\n    flex-direction   : column;\n    position         : fixed;\n    top              : 0;\n    left             : 0;\n    bottom           : 0;\n    width            : ${(props: SidebarWrapperProps) => props.theme.sidebar.width};\n    min-height       : 100vh;\n    overflow-y       : auto;\n    transition       : all 0.4s ease-in-out;\n    background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.bg};\n    box-shadow       : 2px 0 8px -4px rgba(0, 0, 0, 0.16);\n    z-index          : 10000;\n    font-size        : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.scale}%;\n\n    /*  BASICS  ===========================================================  */\n    * { user-select : none; }\n    \n    @media (max-width : 900px) {\n        left    : calc(-1 * 100%);\n        z-index : 4000;\n    }\n\n    /*  COLLAPSED  ========================================================  */\n    &.collapsed {\n        width      : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.width};\n        overflow-x : hidden;\n\n        ${SidebarHeaderStyled} {\n            .header-logo { display : none; }\n\n            .header-icon {\n                display : block;\n                width   : 32px;\n                height  : 32px;\n            }\n        }\n\n        ${SidebarItemTextStyled} {\n            display  : none;\n            position : absolute;\n        }\n\n        ${SidebarItemStyled}:hover ${SidebarItemIconStyled} + ${SidebarItemTextStyled} {\n            display          : flex;\n            position         : fixed;\n            left             : 40px;\n            align-self       : center;\n            border-radius    : 4px;\n            padding          : 4px 8px;\n            background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.bg};\n            color            : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.text};\n            font-size        : 88%;\n            box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);\n        }\n\n        ${SidebarFooterStyled} { padding-left : 0; }\n    }\n\n    a {\n        width : unset;\n        color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.text};\n    }\n    \n    summary ~ a p { color : ${(props: SidebarWrapperProps) => props.theme.sidebar.subLinks.default.text}; }\n\n    a.active {\n        position         : relative;\n        display          : block;\n        background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.bg};\n\n        &::before {\n            display                    : block;\n            position                   : absolute;\n            width                      : 4px;\n            height                     : 100%;\n            top                        : 0;\n            left                       : 0;\n            content                    : \"\";\n            border-top-right-radius    : 4px;\n            border-bottom-right-radius : 4px;\n            background-color           : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.border};\n        }\n        \n        & .icon-stroked svg {\n            fill         : none;\n            stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.isActive.line};\n        }\n\n        & .icon-filled svg {\n            stroke : none;\n            fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.filled.isActive.bg};\n        }\n\n        p { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.links.isSelected.text}; }\n    }\n`;\n"],"names":["SidebarWrapperStyled","aside","props","theme","sidebar","width","bg","links","default","scale","isCollapsed","SidebarHeaderStyled","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","subLinks","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"ucAYaA,4BAA8BC,8JAOjBC,GAA+BA,EAAMC,MAAMC,QAAQC,2FAInDH,GAA+BA,EAAMC,MAAMC,QAAQE,4EAGnDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,8GAYnEP,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYL,2BAG7EM,wGAUAC,2DAKAC,6BAA2BC,6BAA2BF,sIAO9BV,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMT,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMC,sEAK7FC,8DAKSf,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,6BAGrDd,GAA+BA,EAAMC,MAAMC,QAAQc,SAASV,QAAQQ,mEAKrEd,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWb,0KAYtDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWC,gDAKlFlB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMC,QAAQC,SAASC,6CAKjFtB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMI,OAAOF,SAASjB,eAG3EJ,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWH"}
+{"version":3,"file":"SidebarWrapper.styled.js","sources":["../../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperProps } from \"./SidebarWrapper\";\nimport { SidebarItemIconProps } from \"../SidebarItemIcon/SidebarItemIcon\";\nimport { SidebarItemTextProps } from \"../SidebarItemText/SidebarItemText\";\n\nimport { SidebarHeaderStyled } from \"../SidebarHeader/SidebarHeader.styled\";\nimport { SidebarItemStyled } from \"../SidebarItem/SidebarItem.styled\";\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\";\nimport { SidebarItemIconStyled } from \"../SidebarItemIcon/SidebarItemIcon.styled\";\nimport { SidebarFooterStyled } from \"../SidebarFooter/SidebarFooter.styled\";\n\n\nexport const SidebarWrapperStyled = styled.aside`\n    display          : flex;\n    flex-direction   : column;\n    position         : fixed;\n    top              : 0;\n    left             : 0;\n    bottom           : 0;\n    width            : ${(props: SidebarWrapperProps) => props.theme.sidebar.width};\n    min-height       : 100vh;\n    overflow-y       : auto;\n    transition       : all 0.4s ease-in-out;\n    background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.bg};\n    box-shadow       : 2px 0 8px -4px rgba(0, 0, 0, 0.16);\n    z-index          : 10000;\n    font-size        : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.scale}%;\n\n    /*  BASICS  ===========================================================  */\n    * { user-select : none; }\n    \n    @media (max-width : 900px) {\n        left    : calc(-1 * 100%);\n        z-index : 4000;\n    }\n\n    /*  COLLAPSED  ========================================================  */\n    &.collapsed {\n        width      : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.width};\n        overflow-x : hidden;\n\n        ${SidebarHeaderStyled} {\n            .header-logo { display : none; }\n\n            .header-icon {\n                display : block;\n                width   : 32px;\n                height  : 32px;\n            }\n        }\n\n        ${SidebarItemTextStyled} {\n            display  : none;\n            position : absolute;\n        }\n\n        ${SidebarItemStyled}:hover ${SidebarItemIconStyled} + ${SidebarItemTextStyled} {\n            display          : flex;\n            position         : fixed;\n            left             : 40px;\n            align-self       : center;\n            border-radius    : 4px;\n            padding          : 4px 8px;\n            background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.bg};\n            color            : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.text};\n            font-size        : 88%;\n            box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);\n        }\n\n        ${SidebarFooterStyled} { padding-left : 0; }\n    }\n\n    a {\n        width : unset;\n        color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.text};\n    }\n    \n    summary ~ a p { color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.text}; }\n\n    a p:hover { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.links.onHover.text}; }\n\n    a.active {\n        position         : relative;\n        display          : block;\n        background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.bg};\n\n        &::before {\n            display                    : block;\n            position                   : absolute;\n            width                      : 4px;\n            height                     : 100%;\n            top                        : 0;\n            left                       : 0;\n            content                    : \"\";\n            border-top-right-radius    : 4px;\n            border-bottom-right-radius : 4px;\n            background-color           : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.border};\n        }\n        \n        & .icon-stroked svg {\n            fill         : none;\n            stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.isActive.line};\n        }\n\n        & .icon-filled svg {\n            stroke : none;\n            fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.filled.isActive.bg};\n        }\n\n        p { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.links.isSelected.text}; }\n    }\n`;\n"],"names":["SidebarWrapperStyled","aside","props","theme","sidebar","width","bg","links","default","scale","isCollapsed","SidebarHeaderStyled","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","onHover","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"ucAaaA,4BAA8BC,8JAOjBC,GAA+BA,EAAMC,MAAMC,QAAQC,2FAInDH,GAA+BA,EAAMC,MAAMC,QAAQE,4EAGnDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,8GAYnEP,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYL,2BAG7EM,wGAUAC,2DAKAC,6BAA2BC,6BAA2BF,sIAO9BV,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMT,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMC,sEAK7FC,8DAKSf,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,6BAGrDd,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,yBAErEd,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMW,QAAQF,mEAK/Dd,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWb,0KAYtDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWC,gDAKlFlB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMC,QAAQC,SAASC,6CAKjFtB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMI,OAAOF,SAASjB,eAG3EJ,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWH"}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CommonAndHTMLProps } from "../../Element/constants";
+export interface ToastCustomProps {
+    show?: boolean;
+    timeout?: number;
+    onCloseCallback: () => void;
+}
+export declare type ToastElementType = HTMLDivElement;
+export declare type ToastProps = Omit<CommonAndHTMLProps<ToastElementType>, keyof ToastCustomProps> & ToastCustomProps;
+export declare const Toast: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof ToastCustomProps> & ToastCustomProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Toast/ToastItem/Toast.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),r=require("react"),t=require("./Toast.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../ToastsWrapper/ToastsWrapper.styled.js"),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"),require("../../ContentWrapper/ContentWrapper.styled.js");var s=/*#__PURE__*/a(r);const i=s.default.forwardRef(((a,i)=>{var{show:d,children:o,timeout:n,onCloseCallback:l}=a,u=e.__rest(a,["show","children","timeout","onCloseCallback"]);const[b,c]=r.useState(d);r.useEffect((()=>{d&&c(!0);const e=d?setTimeout((()=>{l()}),null!=n?n:4e3):void 0;return()=>{clearTimeout(e)}}),[d]);return b&&s.default.createElement(e.Element,Object.assign({as:t.ToastStyled,classNames:[d?"visible":""],onTransitionEnd:()=>{d||c(!1)},padding:"nano"},u),o)}));exports.Toast=i;
+//# sourceMappingURL=Toast.js.map

package/dist/cjs/components/Toast/ToastItem/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../../../src/components/Toast/ToastItem/Toast.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { ToastStyled } from \"./Toast.styled\";\n\n// prettier-ignore\nexport interface ToastCustomProps {\n    show            ? : boolean;\n    timeout         ? : number;\n    onCloseCallback   : () => void;\n}\n\nexport type ToastElementType = HTMLDivElement;\nexport type ToastProps = Omit<CommonAndHTMLProps<ToastElementType>, keyof ToastCustomProps> & ToastCustomProps;\n\nexport const Toast = React.forwardRef(\n    (\n        { show, children, timeout, onCloseCallback, ...props }: ToastProps,\n        ref: React.Ref<ToastElementType>\n    ) => {\n        let classNames: string[] = [];\n        const [isVisible, setIsVisible] = useState<boolean>(show);\n\n        useEffect(() => {\n            if (show) { setIsVisible(true); }\n\n            const timer = show\n                ? setTimeout(() => {\n                    onCloseCallback();\n                }, timeout ?? 4000)\n                : undefined;\n\n            return () => {\n                clearTimeout(timer);\n            };\n        }, [show]);\n\n        const onTransitionEnd = () => {\n            if (!show) setIsVisible(false);\n        };\n\n        return (\n            isVisible && (\n                <Element<ToastElementType>\n                    as={ToastStyled}\n                    classNames={[...classNames, show ? \"visible\" : \"\"]}\n                    onTransitionEnd={onTransitionEnd}\n                    padding=\"nano\"\n                    {...props}\n                >\n                    {children}\n                </Element>\n            )\n        );\n    }\n);\n"],"names":["Toast","React","forwardRef","_a","ref","show","children","timeout","onCloseCallback","props","isVisible","setIsVisible","useState","useEffect","timer","setTimeout","undefined","clearTimeout","Element","as","ToastStyled","classNames","onTransitionEnd","padding"],"mappings":"oxBAiBaA,EAAQC,UAAMC,YACvB,CACIC,EACAC,SADAC,KAAEA,EAAFC,SAAQA,EAARC,QAAkBA,EAAlBC,gBAA2BA,KAAoBC,aAA/C,uDAIOC,EAAWC,GAAgBC,WAAkBP,GAEpDQ,aAAU,KACFR,GAAQM,GAAa,SAEnBG,EAAQT,EACRU,YAAW,KACTP,MACDD,MAAAA,EAAAA,EAAW,UACZS,QAEC,KACHC,aAAaH,MAElB,CAACT,WAOAK,GACIT,wBAACiB,yBACGC,GAAIC,cACJC,WAAY,CAAgBhB,EAAO,UAAY,IAC/CiB,gBATY,KACfjB,GAAMM,GAAa,IAShBY,QAAQ,QACJd,GAEHH"}

package/dist/cjs/components/Toast/ToastItem/Toast.stories.d.ts

@@ -0,0 +1,3 @@
+import { FictoanStory } from "../../../utils/storyUtils";
+import { Toast } from "./Toast";
+export declare const Default: FictoanStory<typeof Toast>;

package/dist/cjs/components/Toast/ToastItem/Toast.styled.d.ts

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

package/dist/cjs/components/Toast/ToastItem/Toast.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../ToastsWrapper/ToastsWrapper.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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"),require("../../ContentWrapper/ContentWrapper.styled.js");const a=/*#__PURE__*/r(e).default.div.withConfig({displayName:"ToastStyled",componentId:"-cbblp7"})`position:relative;display:flex;width:fit-content;height:fit-content;border-radius:${e=>e.theme.inputField.default.borderRadius};background-color:${e=>e.theme.toast.bg};transition:all 0.4s;padding:8px 16px;p{color:${e=>e.theme.toast.text};}${t.ToastsWrapperStyled}.top &{transform:translateY(-8vh);}${t.ToastsWrapperStyled}.top &.visible{transform:translateY(8vh);}${t.ToastsWrapperStyled}.bottom &{transform:translateY(8vh);}${t.ToastsWrapperStyled}.bottom &.visible{transform:translateY(-8vh);}`;exports.ToastStyled=a;
+//# sourceMappingURL=Toast.styled.js.map

package/dist/cjs/components/Toast/ToastItem/Toast.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styled.js","sources":["../../../../../src/components/Toast/ToastItem/Toast.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ToastProps } from \"./Toast\";\nimport { ToastsWrapperStyled } from \"../ToastsWrapper/ToastsWrapper.styled\";\n\n\nexport const ToastStyled = styled.div`\n    position         : relative;\n    display          : flex;\n    width            : fit-content;\n    height           : fit-content;\n    border-radius    : ${(props : ToastProps) => props.theme.inputField.default.borderRadius};\n    background-color : ${(props : ToastProps) => props.theme.toast.bg};\n    transition       : all 0.4s;\n    padding          : 8px 16px;\n\n    p {\n        color : ${(props : ToastProps) => props.theme.toast.text};\n    }\n\n    //  TOP TOAST  ////////////////////////////////////////////////////////////\n    ${ToastsWrapperStyled}.top & {\n        transform : translateY(-8vh);\n    }\n\n    ${ToastsWrapperStyled}.top &.visible {\n        transform : translateY(8vh);\n    }\n\n    //  BOTTOM TOAST  /////////////////////////////////////////////////////////\n    ${ToastsWrapperStyled}.bottom & {\n        transform : translateY(8vh);\n    }\n\n    ${ToastsWrapperStyled}.bottom &.visible {\n        transform : translateY(-8vh);\n    }\n`;\n"],"names":["ToastStyled","div","props","theme","inputField","default","borderRadius","toast","bg","text","ToastsWrapperStyled"],"mappings":"oqBAMaA,4BAAqBC,sJAKRC,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQC,iCACtDJ,GAAuBA,EAAMC,MAAMI,MAAMC,mDAKhDN,GAAuBA,EAAMC,MAAMI,MAAME,SAItDC,2DAIAA,kEAKAA,6DAIAA"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { CommonAndHTMLProps } from "../../Element/constants";
+export interface NotificationsWrapperCustomProps {
+    position?: "top" | "bottom";
+}
+export declare type NotificationsWrapperElementType = HTMLDivElement;
+export declare type NotificationsWrapperProps = CommonAndHTMLProps<NotificationsWrapperElementType> & NotificationsWrapperCustomProps;
+export declare const ToastsWrapper: React.ForwardRefExoticComponent<CommonAndHTMLProps<HTMLDivElement> & NotificationsWrapperCustomProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),r=require("react"),t=require("./ToastsWrapper.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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"),require("../../ContentWrapper/ContentWrapper.styled.js");var s=/*#__PURE__*/a(r);const i=s.default.forwardRef(((r,a)=>{var{position:i}=r,d=e.__rest(r,["position"]);let o=[];return i&&o.push(i),s.default.createElement(e.Element,Object.assign({as:t.ToastsWrapperStyled,ref:a,classNames:o},d))}));exports.ToastsWrapper=i;
+//# sourceMappingURL=ToastsWrapper.js.map

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastsWrapper.js","sources":["../../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { ToastsWrapperStyled } from \"./ToastsWrapper.styled\";\n\n// prettier-ignore\nexport interface NotificationsWrapperCustomProps {\n    position ? : \"top\" | \"bottom\";\n}\n\nexport type NotificationsWrapperElementType = HTMLDivElement;\nexport type NotificationsWrapperProps = CommonAndHTMLProps<NotificationsWrapperElementType> &\n    NotificationsWrapperCustomProps;\n\nexport const ToastsWrapper = React.forwardRef(\n    (\n        { position, ...props }: NotificationsWrapperProps,\n        ref: React.Ref<NotificationsWrapperElementType>\n    ) => {\n        let classNames = [];\n\n        if (position) {\n            classNames.push(position);\n        }\n\n        return (\n            <Element<NotificationsWrapperElementType>\n                as={ToastsWrapperStyled}\n                ref={ref}\n                classNames={classNames}\n                {...props}\n            />\n        );\n    }\n);\n"],"names":["ToastsWrapper","React","forwardRef","_a","ref","position","props","classNames","push","Element","as","ToastsWrapperStyled"],"mappings":"wuBAgBaA,EAAgBC,UAAMC,YAC/B,CACIC,EACAC,SADAC,SAAEA,KAAaC,aAAf,kBAGIC,EAAa,UAEbF,GACAE,EAAWC,KAAKH,GAIhBJ,wBAACQ,yBACGC,GAAIC,sBACJP,IAAKA,EACLG,WAAYA,GACRD"}

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.stories.d.ts

@@ -0,0 +1,3 @@
+import { FictoanStory } from "../../../utils/storyUtils";
+import { ToastsWrapper } from "./ToastsWrapper";
+export declare const Default: FictoanStory<typeof ToastsWrapper>;

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.d.ts

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

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../Sidebar/SidebarWrapper/SidebarWrapper.styled.js"),t=require("../../ContentWrapper/ContentWrapper.styled.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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");const i=/*#__PURE__*/d(e).default.div.withConfig({displayName:"ToastsWrapperStyled",componentId:"-ftg2k7"})`position:fixed;display:grid;z-index:5000000;width:100%;justify-items:center;${r.SidebarWrapperStyled} + ${t.ContentWrapperStyled} &{width:calc(100% - 240px);}&.top{top:-4vh;}&.bottom{bottom:-4vh;}`;exports.ToastsWrapperStyled=i;
+//# sourceMappingURL=ToastsWrapper.styled.js.map

package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastsWrapper.styled.js","sources":["../../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { SidebarWrapperStyled } from \"../../Sidebar/SidebarWrapper/SidebarWrapper.styled\";\nimport { ContentWrapperStyled } from \"../../ContentWrapper/ContentWrapper.styled\";\n\n\nexport const ToastsWrapperStyled = styled.div`\n    position      : fixed;\n    display       : grid;\n    z-index       : 5000000;\n    width         : 100%;\n    justify-items : center;\n\n    ${SidebarWrapperStyled} + ${ContentWrapperStyled} & {\n        width : calc(100% - 240px);\n    }\n\n    &.top {\n        top : -4vh;\n    }\n\n    &.bottom {\n        bottom : -4vh;\n    }\n`;\n"],"names":["ToastsWrapperStyled","div","SidebarWrapperStyled","ContentWrapperStyled"],"mappings":"knBAKaA,4BAA6BC,wJAOpCC,4BAA0BC"}

package/dist/cjs/external/Element.js

@@ -1,2 +1,2 @@
-"use strict";function o(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=/*#__PURE__*/o(require("react"));function e(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(e[r[n]]=o[r[n]])}return e}const r=o=>o.filter((o=>!!o)).join(" "),n=t.default.forwardRef(((o,n)=>{const{as:l,classNames:a=[],className:i,size:s,isFullWidth:d,isFullHeight:g,bgColor:p,bgColour:h,textColor:b,textColour:m,borderColor:O,borderColour:c,fillColor:f,fillColour:u,strokeColor:y,strokeColour:$,hideOnMobile:w,showOnlyOnMobile:C,hideOnTabletPortrait:k,showOnlyOnTabletPortrait:S,hideOnTabletLandscape:T,showOnlyOnTabletLandscape:x,hideOnDesktop:L,showOnlyOnDesktop:P,marginTop:j,marginRight:N,marginBottom:R,marginLeft:v,margin:B,paddingTop:D,paddingRight:F,paddingBottom:M,paddingLeft:z,padding:E,shadow:H,shape:I,opacity:W}=o,_=e(o,["as","classNames","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity"]),q=e(o,["as","className","classNames"]);return t.default.createElement(l,Object.assign({ref:n},"string"!=typeof l&&l.hasOwnProperty("styledComponentId")?q:_,{className:r([i,s&&`size-${s}`,d&&"full-width",g&&"full-height",p&&`bg-${String(p)}`,h&&`bg-${String(h)}`,b&&`text-${String(b)}`,m&&`text-${String(m)}`,O&&`border-${String(O)}`,c&&`border-${String(c)}`,f&&`fill-${String(f)}`,u&&`fill-${String(u)}`,y&&`stroke-${String(y)}`,$&&`stroke-${String($)}`,w&&"hide-on-mobile",C&&"show-only-on-mobile",k&&"hide-on-tablet-portrait",S&&"show-only-on-tablet-portrait",T&&"hide-on-tablet-landscape",x&&"show-only-on-tablet-landscape",L&&"hide-on-desktop",P&&"show-only-on-desktop",j&&`margin-top-${j}`,N&&`margin-right-${N}`,R&&`margin-bottom-${R}`,v&&`margin-left-${v}`,B&&`margin-all-${B}`,D&&`padding-top-${D}`,F&&`padding-right-${F}`,M&&`padding-bottom-${M}`,z&&`padding-left-${z}`,E&&`padding-all-${E}`,H&&`shadow-${H}`,I&&`shape-${I}`,W&&`opacity-${W}`].concat(a))}))}));exports.Element=n,exports.__rest=e;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var e=/*#__PURE__*/t(require("react"));function o(t,e){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(o[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(o[r[n]]=t[r[n]])}return o}const r=t=>t.filter((t=>!!t)).join(" "),n=e.default.forwardRef(((t,n)=>{const{as:l,classNames:i=[],className:a,size:s,isFullWidth:d,isFullHeight:h,bgColor:g,bgColour:p,textColor:c,textColour:m,borderColor:b,borderColour:y,fillColor:O,fillColour:f,strokeColor:u,strokeColour:C,hideOnMobile:$,showOnlyOnMobile:w,hideOnTabletPortrait:T,showOnlyOnTabletPortrait:k,hideOnTabletLandscape:S,showOnlyOnTabletLandscape:v,hideOnDesktop:x,showOnlyOnDesktop:z,marginTop:I,marginRight:L,marginBottom:P,marginLeft:j,margin:N,paddingTop:E,paddingRight:R,paddingBottom:B,paddingLeft:D,padding:F,shadow:M,shape:H,opacity:W,horizontallyCentreThis:_,horizontallyCenterThis:q,verticallyCentreItems:A,verticallyCenterItems:G,pushItemsToEnds:J}=t,K=o(t,["as","classNames","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity","horizontallyCentreThis","horizontallyCenterThis","verticallyCentreItems","verticallyCenterItems","pushItemsToEnds"]),Q=o(t,["as","className","classNames"]);return e.default.createElement(l,Object.assign({ref:n},"string"!=typeof l&&l.hasOwnProperty("styledComponentId")?Q:K,{className:r([a,s&&`size-${s}`,d&&"full-width",h&&"full-height",g&&`bg-${String(g)}`,p&&`bg-${String(p)}`,c&&`text-${String(c)}`,m&&`text-${String(m)}`,b&&`border-${String(b)}`,y&&`border-${String(y)}`,O&&`fill-${String(O)}`,f&&`fill-${String(f)}`,u&&`stroke-${String(u)}`,C&&`stroke-${String(C)}`,$&&"hide-on-mobile",w&&"show-only-on-mobile",T&&"hide-on-tablet-portrait",k&&"show-only-on-tablet-portrait",S&&"hide-on-tablet-landscape",v&&"show-only-on-tablet-landscape",x&&"hide-on-desktop",z&&"show-only-on-desktop",I&&`margin-top-${I}`,L&&`margin-right-${L}`,P&&`margin-bottom-${P}`,j&&`margin-left-${j}`,N&&`margin-all-${N}`,E&&`padding-top-${E}`,R&&`padding-right-${R}`,B&&`padding-bottom-${B}`,D&&`padding-left-${D}`,F&&`padding-all-${F}`,M&&`shadow-${M}`,H&&`shape-${H}`,W&&`opacity-${W}`,_&&"horizontally-centre-this",q&&"horizontally-centre-this",A&&"vertically-centre-items",G&&"vertically-centre-items",J&&"push-to-ends"].concat(i))}))}));exports.Element=n,exports.__rest=o;
 //# sourceMappingURL=Element.js.map

package/dist/cjs/external/Element.js.map

@@ -1 +1 @@
-{"version":3,"file":"Element.js","sources":["../../../src/utils/classNames.ts","../../../src/components/Element/Element.tsx"],"sourcesContent":["export const createClassName = (classNames: any[]): string => {\n    return classNames.filter((item) => !!item).join(\" \");\n};\n","import React from \"react\";\n\nimport { createClassName } from \"../../utils/classNames\";\n\nimport { ElementProps } from \"./constants\";\n\nexport const Element = React.forwardRef(<K extends {}>(props: ElementProps<K>, ref: React.LegacyRef<HTMLElement>) => {\n    const {\n        as : Component,\n        classNames = [],\n        className,\n        size,\n        isFullWidth,\n        isFullHeight,\n        bgColor,\n        bgColour,\n        textColor,\n        textColour,\n        borderColor,\n        borderColour,\n        fillColor,\n        fillColour,\n        strokeColor,\n        strokeColour,\n        hideOnMobile,\n        showOnlyOnMobile,\n        hideOnTabletPortrait,\n        showOnlyOnTabletPortrait,\n        hideOnTabletLandscape,\n        showOnlyOnTabletLandscape,\n        hideOnDesktop,\n        showOnlyOnDesktop,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        margin,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        padding,\n        shadow,\n        shape,\n        opacity,\n        ...minimalProps\n    } = props;\n\n    const { as, className : _, classNames : __, ...sanitizedProps } = props;\n\n    return (\n        <Component\n            ref={ref}\n            {...(typeof Component !== \"string\" && Component.hasOwnProperty(\"styledComponentId\") ? sanitizedProps : minimalProps )}\n            className={createClassName(\n                [\n                    className,\n                    size && `size-${size}`,\n                    isFullWidth && \"full-width\",\n                    isFullHeight && \"full-height\",\n                    bgColor && `bg-${String(bgColor)}`,\n                    bgColour && `bg-${String(bgColour)}`,\n                    textColor && `text-${String(textColor)}`,\n                    textColour && `text-${String(textColour)}`,\n                    borderColor && `border-${String(borderColor)}`,\n                    borderColour && `border-${String(borderColour)}`,\n                    fillColor && `fill-${String(fillColor)}`,\n                    fillColour && `fill-${String(fillColour)}`,\n                    strokeColor && `stroke-${String(strokeColor)}`,\n                    strokeColour && `stroke-${String(strokeColour)}`,\n                    hideOnMobile && \"hide-on-mobile\",\n                    showOnlyOnMobile && \"show-only-on-mobile\",\n                    hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n                    showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n                    hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n                    showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n                    hideOnDesktop && \"hide-on-desktop\",\n                    showOnlyOnDesktop && \"show-only-on-desktop\",\n                    marginTop && `margin-top-${marginTop}`,\n                    marginRight && `margin-right-${marginRight}`,\n                    marginBottom && `margin-bottom-${marginBottom}`,\n                    marginLeft && `margin-left-${marginLeft}`,\n                    margin && `margin-all-${margin}`,\n                    paddingTop && `padding-top-${paddingTop}`,\n                    paddingRight && `padding-right-${paddingRight}`,\n                    paddingBottom && `padding-bottom-${paddingBottom}`,\n                    paddingLeft && `padding-left-${paddingLeft}`,\n                    padding && `padding-all-${padding}`,\n                    shadow && `shadow-${shadow}`,\n                    shape && `shape-${shape}`,\n                    opacity && `opacity-${opacity}`,\n                ].concat(classNames)\n            )}\n        />\n    );\n}) as <K extends {}>(props: ElementProps<K> & { ref?: React.LegacyRef<HTMLElement> }) => React.ReactElement;\n"],"names":["createClassName","classNames","filter","item","join","Element","React","forwardRef","props","ref","as","Component","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity","minimalProps","sanitizedProps","hasOwnProperty","String","concat"],"mappings":"ucAAO,MAAMA,EAAmBC,GACrBA,EAAWC,QAAQC,KAAWA,IAAMC,KAAK,KCKvCC,EAAUC,UAAMC,YAAW,CAAeC,EAAwBC,WAEvEC,GAAKC,EADHV,WAEFA,EAAa,GAFXW,UAGFA,EAHEC,KAIFA,EAJEC,YAKFA,EALEC,aAMFA,EANEC,QAOFA,EAPEC,SAQFA,EAREC,UASFA,EATEC,WAUFA,EAVEC,YAWFA,EAXEC,aAYFA,EAZEC,UAaFA,EAbEC,WAcFA,EAdEC,YAeFA,EAfEC,aAgBFA,EAhBEC,aAiBFA,EAjBEC,iBAkBFA,EAlBEC,qBAmBFA,EAnBEC,yBAoBFA,EApBEC,sBAqBFA,EArBEC,0BAsBFA,EAtBEC,cAuBFA,EAvBEC,kBAwBFA,EAxBEC,UAyBFA,EAzBEC,YA0BFA,EA1BEC,aA2BFA,EA3BEC,WA4BFA,EA5BEC,OA6BFA,EA7BEC,WA8BFA,EA9BEC,aA+BFA,EA/BEC,cAgCFA,EAhCEC,YAiCFA,EAjCEC,QAkCFA,EAlCEC,OAmCFA,EAnCEC,MAoCFA,EApCEC,QAqCFA,GAEAtC,EADGuC,IACHvC,EAvCE,ghBAyCyCwC,IAAmBxC,EAA5D,wCAGFF,wBAACK,iBACGF,IAAKA,GACqB,iBAAdE,GAA0BA,EAAUsC,eAAe,qBAAuBD,EAAiBD,GACvGnC,UAAWZ,EACP,CACIY,EACAC,WAAgBA,IAChBC,GAAe,aACfC,GAAgB,cAChBC,SAAiBkC,OAAOlC,KACxBC,SAAkBiC,OAAOjC,KACzBC,WAAqBgC,OAAOhC,KAC5BC,WAAsB+B,OAAO/B,KAC7BC,aAAyB8B,OAAO9B,KAChCC,aAA0B6B,OAAO7B,KACjCC,WAAqB4B,OAAO5B,KAC5BC,WAAsB2B,OAAO3B,KAC7BC,aAAyB0B,OAAO1B,KAChCC,aAA0ByB,OAAOzB,KACjCC,GAAgB,iBAChBC,GAAoB,sBACpBC,GAAwB,0BACxBC,GAA4B,+BAC5BC,GAAyB,2BACzBC,GAA6B,gCAC7BC,GAAiB,kBACjBC,GAAqB,uBACrBC,iBAA2BA,IAC3BC,mBAA+BA,IAC/BC,oBAAiCA,IACjCC,kBAA6BA,IAC7BC,iBAAwBA,IACxBC,kBAA6BA,IAC7BC,oBAAiCA,IACjCC,qBAAmCA,IACnCC,mBAA+BA,IAC/BC,kBAA0BA,IAC1BC,aAAoBA,IACpBC,YAAkBA,IAClBC,cAAsBA,KACxBK,OAAOlD"}
+{"version":3,"file":"Element.js","sources":["../../../src/utils/classNames.ts","../../../src/components/Element/Element.tsx"],"sourcesContent":["export const createClassName = (classNames: any[]): string => {\n    return classNames.filter((item) => !!item).join(\" \");\n};\n","import React from \"react\";\n\nimport { createClassName } from \"../../utils/classNames\";\n\nimport { ElementProps } from \"./constants\";\n\nexport const Element = React.forwardRef(<K extends {}>(props: ElementProps<K>, ref: React.LegacyRef<HTMLElement>) => {\n    const {\n        as : Component,\n        classNames = [],\n        className,\n        size,\n        isFullWidth,\n        isFullHeight,\n        bgColor,\n        bgColour,\n        textColor,\n        textColour,\n        borderColor,\n        borderColour,\n        fillColor,\n        fillColour,\n        strokeColor,\n        strokeColour,\n        hideOnMobile,\n        showOnlyOnMobile,\n        hideOnTabletPortrait,\n        showOnlyOnTabletPortrait,\n        hideOnTabletLandscape,\n        showOnlyOnTabletLandscape,\n        hideOnDesktop,\n        showOnlyOnDesktop,\n        marginTop,\n        marginRight,\n        marginBottom,\n        marginLeft,\n        margin,\n        paddingTop,\n        paddingRight,\n        paddingBottom,\n        paddingLeft,\n        padding,\n        shadow,\n        shape,\n        opacity,\n        horizontallyCentreThis,\n        horizontallyCenterThis,\n        verticallyCentreItems,\n        verticallyCenterItems,\n        pushItemsToEnds,\n        ...minimalProps\n    } = props;\n\n    const { as, className : _, classNames : __, ...sanitizedProps } = props;\n\n    return (\n        <Component\n            ref={ref}\n            {...(typeof Component !== \"string\" && Component.hasOwnProperty(\"styledComponentId\") ? sanitizedProps : minimalProps )}\n            className={createClassName(\n                [\n                    className,\n                    size && `size-${size}`,\n                    isFullWidth && \"full-width\",\n                    isFullHeight && \"full-height\",\n                    bgColor && `bg-${String(bgColor)}`,\n                    bgColour && `bg-${String(bgColour)}`,\n                    textColor && `text-${String(textColor)}`,\n                    textColour && `text-${String(textColour)}`,\n                    borderColor && `border-${String(borderColor)}`,\n                    borderColour && `border-${String(borderColour)}`,\n                    fillColor && `fill-${String(fillColor)}`,\n                    fillColour && `fill-${String(fillColour)}`,\n                    strokeColor && `stroke-${String(strokeColor)}`,\n                    strokeColour && `stroke-${String(strokeColour)}`,\n                    hideOnMobile && \"hide-on-mobile\",\n                    showOnlyOnMobile && \"show-only-on-mobile\",\n                    hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n                    showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n                    hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n                    showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n                    hideOnDesktop && \"hide-on-desktop\",\n                    showOnlyOnDesktop && \"show-only-on-desktop\",\n                    marginTop && `margin-top-${marginTop}`,\n                    marginRight && `margin-right-${marginRight}`,\n                    marginBottom && `margin-bottom-${marginBottom}`,\n                    marginLeft && `margin-left-${marginLeft}`,\n                    margin && `margin-all-${margin}`,\n                    paddingTop && `padding-top-${paddingTop}`,\n                    paddingRight && `padding-right-${paddingRight}`,\n                    paddingBottom && `padding-bottom-${paddingBottom}`,\n                    paddingLeft && `padding-left-${paddingLeft}`,\n                    padding && `padding-all-${padding}`,\n                    shadow && `shadow-${shadow}`,\n                    shape && `shape-${shape}`,\n                    opacity && `opacity-${opacity}`,\n                    horizontallyCentreThis && \"horizontally-centre-this\",\n                    horizontallyCenterThis && \"horizontally-centre-this\",\n                    verticallyCentreItems && \"vertically-centre-items\",\n                    verticallyCenterItems && \"vertically-centre-items\",\n                    pushItemsToEnds && \"push-to-ends\",\n                ].concat(classNames)\n            )}\n        />\n    );\n}) as <K extends {}>(props: ElementProps<K> & { ref?: React.LegacyRef<HTMLElement> }) => React.ReactElement;\n"],"names":["createClassName","classNames","filter","item","join","Element","React","forwardRef","props","ref","as","Component","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity","horizontallyCentreThis","horizontallyCenterThis","verticallyCentreItems","verticallyCenterItems","pushItemsToEnds","minimalProps","sanitizedProps","hasOwnProperty","String","concat"],"mappings":"ucAAO,MAAMA,EAAmBC,GACrBA,EAAWC,QAAQC,KAAWA,IAAMC,KAAK,KCKvCC,EAAUC,UAAMC,YAAW,CAAeC,EAAwBC,WAEvEC,GAAKC,EADHV,WAEFA,EAAa,GAFXW,UAGFA,EAHEC,KAIFA,EAJEC,YAKFA,EALEC,aAMFA,EANEC,QAOFA,EAPEC,SAQFA,EAREC,UASFA,EATEC,WAUFA,EAVEC,YAWFA,EAXEC,aAYFA,EAZEC,UAaFA,EAbEC,WAcFA,EAdEC,YAeFA,EAfEC,aAgBFA,EAhBEC,aAiBFA,EAjBEC,iBAkBFA,EAlBEC,qBAmBFA,EAnBEC,yBAoBFA,EApBEC,sBAqBFA,EArBEC,0BAsBFA,EAtBEC,cAuBFA,EAvBEC,kBAwBFA,EAxBEC,UAyBFA,EAzBEC,YA0BFA,EA1BEC,aA2BFA,EA3BEC,WA4BFA,EA5BEC,OA6BFA,EA7BEC,WA8BFA,EA9BEC,aA+BFA,EA/BEC,cAgCFA,EAhCEC,YAiCFA,EAjCEC,QAkCFA,EAlCEC,OAmCFA,EAnCEC,MAoCFA,EApCEC,QAqCFA,EArCEC,uBAsCFA,EAtCEC,uBAuCFA,EAvCEC,sBAwCFA,EAxCEC,sBAyCFA,EAzCEC,gBA0CFA,GAEA3C,EADG4C,IACH5C,EA5CE,ooBA8CyC6C,IAAmB7C,EAA5D,wCAGFF,wBAACK,iBACGF,IAAKA,GACqB,iBAAdE,GAA0BA,EAAU2C,eAAe,qBAAuBD,EAAiBD,GACvGxC,UAAWZ,EACP,CACIY,EACAC,WAAgBA,IAChBC,GAAe,aACfC,GAAgB,cAChBC,SAAiBuC,OAAOvC,KACxBC,SAAkBsC,OAAOtC,KACzBC,WAAqBqC,OAAOrC,KAC5BC,WAAsBoC,OAAOpC,KAC7BC,aAAyBmC,OAAOnC,KAChCC,aAA0BkC,OAAOlC,KACjCC,WAAqBiC,OAAOjC,KAC5BC,WAAsBgC,OAAOhC,KAC7BC,aAAyB+B,OAAO/B,KAChCC,aAA0B8B,OAAO9B,KACjCC,GAAgB,iBAChBC,GAAoB,sBACpBC,GAAwB,0BACxBC,GAA4B,+BAC5BC,GAAyB,2BACzBC,GAA6B,gCAC7BC,GAAiB,kBACjBC,GAAqB,uBACrBC,iBAA2BA,IAC3BC,mBAA+BA,IAC/BC,oBAAiCA,IACjCC,kBAA6BA,IAC7BC,iBAAwBA,IACxBC,kBAA6BA,IAC7BC,oBAAiCA,IACjCC,qBAAmCA,IACnCC,mBAA+BA,IAC/BC,kBAA0BA,IAC1BC,aAAoBA,IACpBC,YAAkBA,IAClBC,cAAsBA,IACtBC,GAA0B,2BAC1BC,GAA0B,2BAC1BC,GAAyB,0BACzBC,GAAyB,0BACzBC,GAAmB,gBACrBK,OAAOvD"}