fictoan-react 0.41.13 → 0.41.16

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+### 0.41.16
+- Fix wrong font value for links in theme file 
+
+### 0.41.15
+- `BottomDrawer` overlay is now theme-able and style-able with props
+
+### 0.41.14
+- Overhaul `BottomDrawer` to now come with a page overlay
+
 ### 0.41.13
 - Add span types for `Portion`
 

package/dist/cjs/components/Badge/Badge.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.mark.withConfig({displayName:"BadgeStyled",componentId:"-14w6bzs"})`position:relative;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;transition:all 0.2s ease-in-out;background-position:center;user-select:none;width:fit-content;height:fit-content;> *{all:unset;}&.shape-rounded{border-radius:4px;}&.shape-curved{border-radius:5000px}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:2px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:3px 10px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-medium{padding:4px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,1)}em;}&.size-large{padding:6px 16px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:8px 20px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}`;exports.BadgeStyled=t;
+"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.mark.withConfig({displayName:"BadgeStyled",componentId:"-3ytpuv"})`position:relative;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;transition:all 0.2s ease-in-out;background-position:center;user-select:none;width:fit-content;height:fit-content;> *{all:unset;}&.shape-rounded{border-radius:4px;}&.shape-curved{border-radius:5000px}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:2px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:3px 10px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-medium{padding:4px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,1)}em;}&.size-large{padding:6px 16px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:8px 20px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}`;exports.BadgeStyled=t;
 //# sourceMappingURL=Badge.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.styled.js","sources":["../../../../src/components/Badge/Badge.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\n\nexport const BadgeStyled = styled.mark`\n    position            : relative;\n    font-family         : ${(props : BadgeProps) => props.theme.button.font};\n    font-weight         : bold;\n    font-size           : 92%;\n    text-align          : center;\n    text-decoration     : none;\n    transition          : all 0.2s ease-in-out;\n    background-position : center;\n    user-select         : none;\n    width               : fit-content;\n    height              : fit-content;\n\n    // To make sure a button’s children\n    // don’t style themselves like a douchebag\n    > * {\n        all : unset;\n    }\n\n    &.shape-rounded {\n        border-radius : 4px;\n    }\n\n    &.shape-curved {\n        border-radius : 5000px\n    }\n\n    &[class*=\"border-\"] {\n        border-width : ${(props : BadgeProps) => props.theme.globals.borderWidth};\n    }\n\n    &.border-none {\n        border-width : 0 !important;\n    }\n\n    //  DIFFERENT SIZES  //////////////////////////////////////////////////////\n    &.size-tiny {\n        padding   : 2px 8px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -2)}em;\n    }\n\n    &.size-small {\n        padding   : 3px 10px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -1)}em;\n    }\n\n    &.size-medium {\n        padding   : 4px 12px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em;\n    }\n\n    &.size-large {\n        padding   : 6px 16px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em;\n    }\n\n    &.size-huge {\n        padding   : 8px 20px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em;\n    }\n`;\n"],"names":["BadgeStyled","mark","props","theme","button","font","globals","borderWidth","text","paras","size","Math","pow","headings","multiplier"],"mappings":"kJAIaA,uDAAqBC,oGAELC,GAAuBA,EAAMC,MAAMC,OAAOC,sTA0B7CH,GAAuBA,EAAMC,MAAMG,QAAQC,+FAU9CL,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,iDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,kDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,iDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,gDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY"}
+{"version":3,"file":"Badge.styled.js","sources":["../../../../src/components/Badge/Badge.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\n\nexport const BadgeStyled = styled.mark`\n    position            : relative;\n    font-family         : ${(props : BadgeProps) => props.theme.button.font};\n    font-weight         : bold;\n    font-size           : 92%;\n    text-align          : center;\n    text-decoration     : none;\n    transition          : all 0.2s ease-in-out;\n    background-position : center;\n    user-select         : none;\n    width               : fit-content;\n    height              : fit-content;\n\n    // To make sure a button’s children\n    // don’t style themselves like a douchebag\n    > * {\n        all : unset;\n    }\n\n    &.shape-rounded {\n        border-radius : 4px;\n    }\n\n    &.shape-curved {\n        border-radius : 5000px\n    }\n\n    &[class*=\"border-\"] {\n        border-width : ${(props : BadgeProps) => props.theme.globals.borderWidth};\n    }\n\n    &.border-none {\n        border-width : 0 !important;\n    }\n\n    //  DIFFERENT SIZES  //////////////////////////////////////////////////////\n    &.size-tiny {\n        padding   : 2px 8px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -2)}em;\n    }\n\n    &.size-small {\n        padding   : 3px 10px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -1)}em;\n    }\n\n    &.size-medium {\n        padding   : 4px 12px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em;\n    }\n\n    &.size-large {\n        padding   : 6px 16px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em;\n    }\n\n    &.size-huge {\n        padding   : 8px 20px;\n        font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em;\n    }\n`;\n"],"names":["BadgeStyled","mark","props","theme","button","font","globals","borderWidth","text","paras","size","Math","pow","headings","multiplier"],"mappings":"kJAIaA,uDAAqBC,mGAELC,GAAuBA,EAAMC,MAAMC,OAAOC,sTA0B7CH,GAAuBA,EAAMC,MAAMG,QAAQC,+FAU9CL,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,iDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,kDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,iDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,gDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY"}

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

@@ -1,8 +1,11 @@
 import React from "react";
-import { CommonAndHTMLProps } from "../Element/constants";
+import { ColourPropTypes, CommonAndHTMLProps } from "../Element/constants";
 export interface BottomDrawerCustomProps {
     isOpen?: boolean;
     onCloseCallback?: () => void;
+    overlayOpacity?: number;
+    overlayColour?: ColourPropTypes;
+    overlayColor?: ColourPropTypes;
 }
 export declare type BottomDrawerElementType = HTMLDivElement;
 export declare type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),r=require("./BottomDrawer.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var l=/*#__PURE__*/a(t);const n=l.default.forwardRef(((t,a)=>{var{isOpen:n,children:s,onCloseCallback:o,padding:d}=t,i=e.__rest(t,["isOpen","children","onCloseCallback","padding"]);let u=[];n&&u.push("open");return!!n&&l.default.createElement(e.Element,Object.assign({as:r.BottomDrawerStyled,ref:a,classNames:u,padding:null!=d?d:"tiny"},i),l.default.createElement(e.Element,{as:"div",className:"dismiss-button",onClick:()=>{o&&o()},role:"button"}),s)}));exports.BottomDrawer=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),r=require("./BottomDrawer.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../../external/helpers.js"),require("../../external/DefaultColours.js");var a=/*#__PURE__*/l(t);const o=a.default.forwardRef(((t,l)=>{var{isOpen:o,children:n,onCloseCallback:s,padding:u,bgColor:d,bgColour:c}=t,i=e.__rest(t,["isOpen","children","onCloseCallback","padding","bgColor","bgColour"]);let m=[];o&&m.push("open");const f=()=>{s&&s()};return!!o&&a.default.createElement(a.default.Fragment,null,a.default.createElement(e.Element,Object.assign({as:r.BottomDrawerStyled,ref:l,classNames:m},i),a.default.createElement(e.Element,{as:"div",classNames:[...m,"rest-of-page-overlay"],onClick:f}),a.default.createElement(e.Element,{as:"div",className:"bottom-drawer-content-wrapper",padding:u,bgColor:d,bgColour:c},a.default.createElement(e.Element,{as:"div",className:"dismiss-button",onClick:f,role:"button"}),n)))}));exports.BottomDrawer=o;
 //# sourceMappingURL=BottomDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n    isOpen          ? : boolean;\n    onCloseCallback ? : () => void;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n    (\n        { isOpen, children, onCloseCallback, padding, ...props }: BottomDrawerProps,\n        ref: React.Ref<BottomDrawerElementType>\n    ) => {\n        let classNames = [];\n\n        if (isOpen) {\n            classNames.push(\"open\");\n        }\n\n        const closeBottomDrawer = () => {\n            if (onCloseCallback) {\n                onCloseCallback();\n            }\n        };\n\n        return (\n            !!isOpen && (\n                <Element<BottomDrawerElementType>\n                    as={BottomDrawerStyled}\n                    ref={ref}\n                    classNames={classNames}\n                    padding={padding ?? \"tiny\"}\n                    {...props}\n                >\n                    <Element as=\"div\" className=\"dismiss-button\" onClick={closeBottomDrawer} role=\"button\" />\n                    {children}\n                </Element>\n            )\n        );\n    }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","padding","props","classNames","push","Element","as","BottomDrawerStyled","className","onClick","role"],"mappings":"2SAgBaA,EAAeC,UAAMC,YAC9B,CACIC,EACAC,SADAC,OAAEA,EAAFC,SAAUA,EAAVC,gBAAoBA,EAApBC,QAAqCA,KAAYC,aAAjD,uDAGIC,EAAa,GAEbL,GACAK,EAAWC,KAAK,gBAUdN,GACEJ,wBAACW,yBACGC,GAAIC,qBACJV,IAAKA,EACLM,WAAYA,EACZF,QAASA,MAAAA,EAAAA,EAAW,QAChBC,GAEJR,wBAACW,WAAQC,GAAG,MAAME,UAAU,iBAAiBC,QAf/B,KAClBT,GACAA,KAa6EU,KAAK,WAC7EX"}
+{"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n    isOpen          ? : boolean;\n    onCloseCallback ? : () => void;\n    overlayOpacity  ? : number;\n    overlayColour   ? : ColourPropTypes;\n    overlayColor    ? : ColourPropTypes;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n    BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n    (\n        { isOpen, children, onCloseCallback, padding, bgColor, bgColour, ...props }: BottomDrawerProps,\n        ref: React.Ref<BottomDrawerElementType>\n    ) => {\n        let classNames = [];\n\n        if (isOpen) {\n            classNames.push(\"open\");\n        }\n\n        const closeBottomDrawer = () => {\n            if (onCloseCallback) {\n                onCloseCallback();\n            }\n        };\n\n        return (\n            !!isOpen && (\n                <>\n                    <Element<BottomDrawerElementType>\n                        as={BottomDrawerStyled}\n                        ref={ref}\n                        classNames={classNames}\n                        {...props}\n                    >\n                        <Element\n                            as=\"div\"\n                            classNames={[...classNames, `rest-of-page-overlay`]}\n                            onClick={closeBottomDrawer}\n                        />\n\n                        <Element\n                            as=\"div\"\n                            className=\"bottom-drawer-content-wrapper\"\n                            padding={padding}\n                            bgColor={bgColor}\n                            bgColour={bgColour}\n                        >\n                            <Element as=\"div\" className=\"dismiss-button\" onClick={closeBottomDrawer} role=\"button\" />\n                            {children}\n                        </Element>\n                    </Element>\n                </>\n            )\n        );\n    }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","padding","bgColor","bgColour","props","classNames","push","closeBottomDrawer","Element","as","BottomDrawerStyled","onClick","className","role"],"mappings":"4XAoBaA,EAAeC,UAAMC,YAC9B,CACIC,EACAC,SADAC,OAAEA,EAAFC,SAAUA,EAAVC,gBAAoBA,EAApBC,QAAqCA,EAArCC,QAA8CA,EAA9CC,SAAuDA,KAAaC,aAApE,4EAGIC,EAAa,GAEbP,GACAO,EAAWC,KAAK,cAGdC,EAAoB,KAClBP,GACAA,aAKFF,GACEJ,gDACIA,wBAACc,yBACGC,GAAIC,qBACJb,IAAKA,EACLQ,WAAYA,GACRD,GAEJV,wBAACc,WACGC,GAAG,MACHJ,WAAY,IAAIA,0BAChBM,QAASJ,IAGbb,wBAACc,WACGC,GAAG,MACHG,UAAU,gCACVX,QAASA,EACTC,QAASA,EACTC,SAAUA,GAEVT,wBAACc,WAAQC,GAAG,MAAMG,UAAU,iBAAiBD,QAASJ,EAAmBM,KAAK,WAC7Ed"}

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

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

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

@@ -1,2 +1,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/t(require("styled-components")).default.aside.withConfig({displayName:"BottomDrawerStyled",componentId:"-eoqdi6"})`position:fixed;bottom:0;transform:translateY(120%);height:fit-content;transition:all 0.4s ease-in-out;transition-delay:0.2s;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;width:100%;border-radius:24px 24px 0 0;&.open{transform:translateY(0);}&:not([class*="bg-"]){background-color:${t=>t.theme.bottomDrawer.bg};}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${t=>t.theme.bottomDrawer.bg};top:-36px;right:36px;z-index:100001;color:${t=>t.theme.bottomDrawer.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${t=>t.theme.bottomDrawer.border};border-width:1px 0 1px 1px;border-radius:50%;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:grid;content:"\\00D7";place-self:center;color:${t=>t.theme.bottomDrawer.dismissButton.color};-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;align-self:center;text-align:center;margin-bottom:5px;line-height:1;font-size:24px;}}`;exports.BottomDrawerStyled=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../external/helpers.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../../external/DefaultColours.js");const r=/*#__PURE__*/o(t).default.div.withConfig({displayName:"BottomDrawerStyled",componentId:"-i82ubv"})`.rest-of-page-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000;backdrop-filter:blur(${t=>t.theme.bottomDrawer.overlay.blur});background-color:${t=>{var o,r;return`${(null!==(o=e.convertToFictoanColor(t.overlayColour||t.overlayColor))&&void 0!==o?o:t.theme.bottomDrawer.overlay.bg).replace(/(^hsla\(.*,.*,.*,)(.*)(\))$/,`$1${(null!==(r=t.overlayOpacity)&&void 0!==r?r:t.theme.bottomDrawer.overlay.opacity).toString()}$3`)}`}};}.bottom-drawer-content-wrapper{position:fixed;bottom:0;transform:translateY(120%);height:fit-content;max-height:90vh;transition:all 0.4s ease-in-out;transition-delay:0.2s;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;width:100%;border-top-left-radius:${t=>t.theme.bottomDrawer.borderRadius};border-top-right-radius:${t=>t.theme.bottomDrawer.borderRadius};border-bottom-left-radius:0;border-bottom-right-radius:0;&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:02vw;}&.padding-all-small{padding:04vw;}&.padding-all-medium{padding:06vw;}&.padding-all-large{padding:08vw;}&.padding-all-huge{padding:12vw;}&:not([class*="bg-"]){background-color:${t=>t.theme.bottomDrawer.bg};}}&.open .bottom-drawer-content-wrapper{transform:translateY(0);}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${t=>t.theme.bottomDrawer.bg};top:-36px;right:24px;z-index:100001;color:${t=>t.theme.bottomDrawer.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${t=>t.theme.bottomDrawer.border};border-width:1px 0 1px 1px;border-radius:50%;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:grid;content:"\\00D7";place-self:center;color:${t=>t.theme.bottomDrawer.dismissButton.color};-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;align-self:center;text-align:center;margin-bottom:5px;line-height:1;font-size:24px;}}`;exports.BottomDrawerStyled=r;
 //# sourceMappingURL=BottomDrawer.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BottomDrawer.styled.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BottomDrawerProps } from \"./BottomDrawer\";\n\n\nexport const BottomDrawerStyled = styled.aside`\n    position         : fixed;\n    bottom           : 0;\n    transform        : translateY(120%);\n    height           : fit-content;\n    transition       : all 0.4s ease-in-out;\n    transition-delay : 0.2s;\n    box-shadow       : 4px 0 24px -16px rgba(0, 0, 0, 0.92);\n    z-index          : 100000;\n    width            : 100%;\n    border-radius    : 24px 24px 0 0;\n\n    &.open { transform : translateY(0); }\n\n    &:not([class*=\"bg-\"]) {\n        background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n    }\n\n    & .dismiss-button {\n        position         : absolute;\n        display          : flex;\n        width            : 32px;\n        height           : 32px;\n        background-color : ${(props : BottomDrawerProps) => props.theme.bottomDrawer.bg};\n        top              : -36px;\n        right            : 36px;\n        z-index          : 100001;\n        color            : ${(props : BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n        cursor           : pointer;\n        place-content    : center;\n        backdrop-filter  : blur(2px);\n        border           : solid ${(props : BottomDrawerProps) => props.theme.bottomDrawer.border};\n        border-width     : 1px 0 1px 1px;\n        border-radius    : 50%;\n        box-shadow       : -4px 0 4px -1px rgba(0, 0, 0, 8%);\n\n        &::before {\n            display            : grid;\n            content            : \"\\\\00D7\";\n            place-self         : center;\n            color              : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n            -webkit-transition : all 0.2s;\n            transition         : all 0.2s;\n            cursor             : pointer;\n            align-self         : center;\n            text-align         : center;\n            margin-bottom      : 5px;\n            line-height        : 1;\n            font-size          : 24px;\n        }\n    }\n`;\n"],"names":["BottomDrawerStyled","aside","props","theme","bottomDrawer","bg","dismissButton","color","border"],"mappings":"kJAKaA,uDAA4BC,sXAeXC,GAA6BA,EAAMC,MAAMC,aAAaC,gGAQtDH,GAA8BA,EAAMC,MAAMC,aAAaC,gDAIvDH,GAA8BA,EAAMC,MAAMC,aAAaE,cAAcC,oFAI/DL,GAA8BA,EAAMC,MAAMC,aAAaI,oKASvDN,GAA6BA,EAAMC,MAAMC,aAAaE,cAAcC"}
+{"version":3,"file":"BottomDrawer.styled.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { convertToFictoanColor } from \"../../utils/helpers\";\nimport { BottomDrawerProps } from \"./BottomDrawer\";\n\n\nexport const BottomDrawerStyled = styled.div`\n    .rest-of-page-overlay {\n        position         : fixed;\n        top              : 0;\n        left             : 0;\n        width            : 100vw;\n        height           : 100vh;\n        z-index          : 5000;\n        backdrop-filter  : blur(${(props: BottomDrawerProps) => props.theme.bottomDrawer.overlay.blur});\n        background-color : ${(props: BottomDrawerProps) =>\n                `${(convertToFictoanColor(props.overlayColour || props.overlayColor)\n                        ?? props.theme.bottomDrawer.overlay.bg)\n                        .replace(/(^hsla\\(.*,.*,.*,)(.*)(\\))$/,\n                                `$1${(props.overlayOpacity ?? props.theme.bottomDrawer.overlay.opacity).toString()}$3`)}`\n        };\n    }\n\n    .bottom-drawer-content-wrapper {\n        position                   : fixed;\n        bottom                     : 0;\n        transform                  : translateY(120%);\n        height                     : fit-content;\n        max-height                 : 90vh;\n        transition                 : all 0.4s ease-in-out;\n        transition-delay           : 0.2s;\n        box-shadow                 : 4px 0 24px -16px rgba(0, 0, 0, 0.92);\n        z-index                    : 100000;\n        width                      : 100%;\n        border-top-left-radius     : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.borderRadius};\n        border-top-right-radius    : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.borderRadius};\n        border-bottom-left-radius  : 0;\n        border-bottom-right-radius : 0;\n\n        &.padding-all-nano   { padding :  8px; }\n        &.padding-all-micro  { padding : 24px; }\n        &.padding-all-tiny   { padding : 02vw; }\n        &.padding-all-small  { padding : 04vw; }\n        &.padding-all-medium { padding : 06vw; }\n        &.padding-all-large  { padding : 08vw; }\n        &.padding-all-huge   { padding : 12vw; }\n\n        &:not([class*=\"bg-\"]) {\n            background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n        }\n    }\n\n    &.open .bottom-drawer-content-wrapper { transform : translateY(0); }\n\n    & .dismiss-button {\n        position         : absolute;\n        display          : flex;\n        width            : 32px;\n        height           : 32px;\n        background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n        top              : -36px;\n        right            : 24px;\n        z-index          : 100001;\n        color            : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n        cursor           : pointer;\n        place-content    : center;\n        backdrop-filter  : blur(2px);\n        border           : solid ${(props: BottomDrawerProps) => props.theme.bottomDrawer.border};\n        border-width     : 1px 0 1px 1px;\n        border-radius    : 50%;\n        box-shadow       : -4px 0 4px -1px rgba(0, 0, 0, 8%);\n\n        &::before {\n            display            : grid;\n            content            : \"\\\\00D7\";\n            place-self         : center;\n            color              : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n            -webkit-transition : all 0.2s;\n            transition         : all 0.2s;\n            cursor             : pointer;\n            align-self         : center;\n            text-align         : center;\n            margin-bottom      : 5px;\n            line-height        : 1;\n            font-size          : 24px;\n        }\n    }\n`;\n"],"names":["BottomDrawerStyled","div","props","theme","bottomDrawer","overlay","blur","convertToFictoanColor","overlayColour","overlayColor","bg","replace","overlayOpacity","opacity","toString","borderRadius","dismissButton","color","border"],"mappings":"wQAMaA,4BAA4BC,wLAQNC,GAA6BA,EAAMC,MAAMC,aAAaC,QAAQC,0BACnEJ,gCACVK,wBAAsBL,EAAMM,eAAiBN,EAAMO,6BAC5CP,EAAMC,MAAMC,aAAaC,QAAQK,IACnCC,QAAQ,8CACKT,EAAMU,8BAAkBV,EAAMC,MAAMC,aAAaC,QAAQQ,SAASC,mSAehEZ,GAA6BA,EAAMC,MAAMC,aAAaW,wCACtDb,GAA6BA,EAAMC,MAAMC,aAAaW,2VAa5Db,GAA6BA,EAAMC,MAAMC,aAAaM,gKAW1DR,GAA6BA,EAAMC,MAAMC,aAAaM,gDAItDR,GAA6BA,EAAMC,MAAMC,aAAaY,cAAcC,oFAI9Df,GAA6BA,EAAMC,MAAMC,aAAac,oKAStDhB,GAA6BA,EAAMC,MAAMC,aAAaY,cAAcC"}

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.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.li.withConfig({displayName:"BreadcrumbItemStyled",componentId:"-24ul97"})`display:inline-flex;position:relative;font-size:14px;&::after{position:absolute;right:-14px;content:${e=>e.theme.breadcrumbs.separator.content};color:${e=>e.theme.breadcrumbs.separator.text};}&:last-child,&:last-child a{color:${e=>e.theme.breadcrumbs.item.active};}&:not(:last-child),&:not(:last-child)a{color:${e=>e.theme.breadcrumbs.item.inactive};}&:last-child::after{content:"";}`;exports.BreadcrumbItemStyled=t;
+"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.li.withConfig({displayName:"BreadcrumbItemStyled",componentId:"-ia895h"})`display:inline-flex;position:relative;font-size:14px;&::after{position:absolute;right:-14px;content:${e=>e.theme.breadcrumbs.separator.content};color:${e=>e.theme.breadcrumbs.separator.text};}&:last-child,&:last-child a{color:${e=>e.theme.breadcrumbs.item.active};}&:not(:last-child),&:not(:last-child)a{color:${e=>e.theme.breadcrumbs.item.inactive};}&:last-child::after{content:"";}`;exports.BreadcrumbItemStyled=t;
 //# sourceMappingURL=BreadcrumbItem.styled.js.map

package/dist/cjs/components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.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 r=/*#__PURE__*/e(require("styled-components")).default.nav.withConfig({displayName:"BreadcrumbsWrapperStyled",componentId:"-arfw0y"})`display:flex;flex-wrap:wrap;align-items:flex-start;box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.08);&:not([class*="bg-"]){background-color:${e=>e.theme.breadcrumbs.wrapper.bg};}`;exports.BreadcrumbsWrapperStyled=r;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const r=/*#__PURE__*/e(require("styled-components")).default.nav.withConfig({displayName:"BreadcrumbsWrapperStyled",componentId:"-smice7"})`display:flex;flex-wrap:wrap;align-items:flex-start;box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.08);&:not([class*="bg-"]){background-color:${e=>e.theme.breadcrumbs.wrapper.bg};}`;exports.BreadcrumbsWrapperStyled=r;
 //# sourceMappingURL=BreadcrumbsWrapper.styled.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/helpers.js"),t=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../external/DefaultColours.js");const o=/*#__PURE__*/r(t).default.button.withConfig({displayName:"ButtonStyled",componentId:"-1g0qody"})`position:relative;cursor:pointer;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;line-height:1;transition:all 0.2s ease-in-out;background-position:center;user-select:none;&:not([class*="padding-"]){padding:12px 24px;}> *{all:unset;}&:active{box-shadow:none;opacity:0.72;}&.is-loading::after{border:3px solid;border-top-color:transparent;border-right-color:transparent;}&[disabled]{box-shadow:none;user-select:none;pointer-events:none;opacity:0.32;filter:grayscale(100%);cursor:not-allowed;}&.primary{background-color:${e=>e.theme.button.primary.default.bg};color:${e=>e.theme.button.primary.default.text};border:solid ${e=>e.theme.button.primary.default.border};border-width:${e=>e.theme.globals.borderWidth};border-radius:${e=>e.theme.button.primary.default.borderRadius};:hover{background-color:${e=>e.theme.button.primary.onHover.bg};color:${e=>e.theme.button.primary.onHover.text};border:solid ${e=>e.theme.button.primary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.primary.isActive.bg};color:${e=>e.theme.button.primary.isActive.text};border:solid ${e=>e.theme.button.primary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.primary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.primary.isDisabled.bg};color:${e=>e.theme.button.primary.isDisabled.text};border:solid ${e=>e.theme.button.primary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.secondary{background-color:${e=>e.theme.button.secondary.default.bg};color:${e=>e.theme.button.secondary.default.text};border:solid ${e=>e.theme.button.secondary.default.border};border-radius:${e=>e.theme.button.secondary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.secondary.onHover.bg};color:${e=>e.theme.button.secondary.onHover.text};border:solid ${e=>e.theme.button.secondary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.secondary.isActive.bg};color:${e=>e.theme.button.secondary.isActive.text};border:solid ${e=>e.theme.button.secondary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.secondary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.secondary.isDisabled.bg};color:${e=>e.theme.button.secondary.isDisabled.text};border:solid ${e=>e.theme.button.secondary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.tertiary{background-color:${e=>e.theme.button.tertiary.default.bg};color:${e=>e.theme.button.tertiary.default.text};border:solid ${e=>e.theme.button.tertiary.default.border};border-radius:${e=>e.theme.button.tertiary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.tertiary.onHover.bg};color:${e=>e.theme.button.tertiary.onHover.text};border:solid ${e=>e.theme.button.tertiary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.tertiary.isActive.bg};color:${e=>e.theme.button.tertiary.isActive.text};border:solid ${e=>e.theme.button.tertiary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.tertiary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.tertiary.isDisabled.bg};color:${e=>e.theme.button.tertiary.isDisabled.text};border:solid ${e=>e.theme.button.tertiary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.shape-circular{width:64px;height:64px;padding:0 !important;border-radius:50%;}&.shape-circular.size-tiny{width:16px;height:16px;padding:0;font-size:8px;}&.shape-circular.size-small{width:32px;height:32px;padding:0;font-size:12px;}&.shape-circular.size-medium{font-size:16px;}&.shape-circular.size-large{width:80px;height:80px;padding:0;font-size:24px;}&.shape-circular.size-huge{width:128px;height:128px;padding:0;font-size:32px;}&.shape-circular img{position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:4px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:6px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-large{padding:16px 32px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:24px 40px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}&.is-loading{color:transparent !important;box-shadow:none;user-select:none;pointer-events:none;}&.is-loading::after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:${t=>{var r;return e.convertToFictoanColor(null!==(r=t.textColor)&&void 0!==r?r:t.textColour)}};border-top-color:transparent;border-right-color:transparent;-webkit-animation:spinner 0.4s infinite linear;animation:spinner 0.4s infinite linear;}&.size-tiny.is-loading::after,&.size-small.is-loading::after{height:8px;width:8px;}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);}}@keyframes spinner{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}&.has-delete{display:inline-flex;}&.has-delete::after{display:inline-flex;position:absolute;cursor:pointer;right:8px;content:"\\00d7";font-size:17px;line-height:1;align-self:center;}&.has-delete,&.size-tiny.has-delete,&.size-small.has-delete{padding-right:32px !important;}&.size-large.has-delete{padding-right:40px !important;}&.size-huge.has-delete{padding-right:48px !important;}&.size-large.has-delete::after,&.size-huge.has-delete::after{font-size:25px;right:16px;}`;exports.ButtonStyled=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/helpers.js"),t=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../external/DefaultColours.js");const o=/*#__PURE__*/r(t).default.button.withConfig({displayName:"ButtonStyled",componentId:"-1vnleq1"})`position:relative;cursor:pointer;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;line-height:1;transition:all 0.2s ease-in-out;background-position:center;user-select:none;&:not([class*="padding-"]){padding:12px 24px;}> *{all:unset;}&:active{box-shadow:none;opacity:0.72;}&.is-loading::after{border:3px solid;border-top-color:transparent;border-right-color:transparent;}&[disabled]{box-shadow:none;user-select:none;pointer-events:none;opacity:0.32;filter:grayscale(100%);cursor:not-allowed;}&.primary{background-color:${e=>e.theme.button.primary.default.bg};color:${e=>e.theme.button.primary.default.text};border:solid ${e=>e.theme.button.primary.default.border};border-width:${e=>e.theme.globals.borderWidth};border-radius:${e=>e.theme.button.primary.default.borderRadius};:hover{background-color:${e=>e.theme.button.primary.onHover.bg};color:${e=>e.theme.button.primary.onHover.text};border:solid ${e=>e.theme.button.primary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.primary.isActive.bg};color:${e=>e.theme.button.primary.isActive.text};border:solid ${e=>e.theme.button.primary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.primary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.primary.isDisabled.bg};color:${e=>e.theme.button.primary.isDisabled.text};border:solid ${e=>e.theme.button.primary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.secondary{background-color:${e=>e.theme.button.secondary.default.bg};color:${e=>e.theme.button.secondary.default.text};border:solid ${e=>e.theme.button.secondary.default.border};border-radius:${e=>e.theme.button.secondary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.secondary.onHover.bg};color:${e=>e.theme.button.secondary.onHover.text};border:solid ${e=>e.theme.button.secondary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.secondary.isActive.bg};color:${e=>e.theme.button.secondary.isActive.text};border:solid ${e=>e.theme.button.secondary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.secondary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.secondary.isDisabled.bg};color:${e=>e.theme.button.secondary.isDisabled.text};border:solid ${e=>e.theme.button.secondary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.tertiary{background-color:${e=>e.theme.button.tertiary.default.bg};color:${e=>e.theme.button.tertiary.default.text};border:solid ${e=>e.theme.button.tertiary.default.border};border-radius:${e=>e.theme.button.tertiary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.tertiary.onHover.bg};color:${e=>e.theme.button.tertiary.onHover.text};border:solid ${e=>e.theme.button.tertiary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.tertiary.isActive.bg};color:${e=>e.theme.button.tertiary.isActive.text};border:solid ${e=>e.theme.button.tertiary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.tertiary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.tertiary.isDisabled.bg};color:${e=>e.theme.button.tertiary.isDisabled.text};border:solid ${e=>e.theme.button.tertiary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.shape-circular{width:64px;height:64px;padding:0 !important;border-radius:50%;}&.shape-circular.size-tiny{width:16px;height:16px;padding:0;font-size:8px;}&.shape-circular.size-small{width:32px;height:32px;padding:0;font-size:12px;}&.shape-circular.size-medium{font-size:16px;}&.shape-circular.size-large{width:80px;height:80px;padding:0;font-size:24px;}&.shape-circular.size-huge{width:128px;height:128px;padding:0;font-size:32px;}&.shape-circular img{position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:4px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:6px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-large{padding:16px 32px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:24px 40px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}&.is-loading{color:transparent !important;box-shadow:none;user-select:none;pointer-events:none;}&.is-loading::after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:${t=>{var r;return e.convertToFictoanColor(null!==(r=t.textColor)&&void 0!==r?r:t.textColour)}};border-top-color:transparent;border-right-color:transparent;-webkit-animation:spinner 0.4s infinite linear;animation:spinner 0.4s infinite linear;}&.size-tiny.is-loading::after,&.size-small.is-loading::after{height:8px;width:8px;}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);}}@keyframes spinner{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}&.has-delete{display:inline-flex;}&.has-delete::after{display:inline-flex;position:absolute;cursor:pointer;right:8px;content:"\\00d7";font-size:17px;line-height:1;align-self:center;}&.has-delete,&.size-tiny.has-delete,&.size-small.has-delete{padding-right:32px !important;}&.size-large.has-delete{padding-right:40px !important;}&.size-huge.has-delete{padding-right:48px !important;}&.size-large.has-delete::after,&.size-huge.has-delete::after{font-size:25px;right:16px;}`;exports.ButtonStyled=o;
 //# sourceMappingURL=Button.styled.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../external/rgba.js"),e=require("../../external/DefaultColours.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=/*#__PURE__*/o(require("styled-components")),a={exports:{}};!function(e,o){o.__esModule=!0,o.default=void 0;var t=/*#__PURE__*/d(r._curry.exports),a=/*#__PURE__*/d(r._guard.exports),l=/*#__PURE__*/d(r.rgba.exports),u=/*#__PURE__*/d(r.parseToRgb.exports);function d(r){return r&&r.__esModule?r:{default:r}}function n(){return(n=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r}).apply(this,arguments)}function s(r,e){if("transparent"===e)return e;var o=(0,u.default)(e),t="number"==typeof o.alpha?o.alpha:1,d=n({},o,{alpha:(0,a.default)(0,1,+(100*t-100*parseFloat(r)).toFixed(2)/100)});return(0,l.default)(d)}var f=/*#__PURE__*/(0,t.default)(s);o.default=f,e.exports=o.default}(a,a.exports);var l=/*@__PURE__*/r.getDefaultExportFromCjs(a.exports);const u=t.default.div.withConfig({displayName:"CalloutStyled",componentId:"-gv6xic"})`display:block;border-width:0 0 0 5px;word-break:break-word;border-style:solid;padding:16px;border-radius:4px;&.info{background-color:${l(.8,e.defaultColours.blue)};border-color:${e.defaultColours.blue};}&.success{background-color:${l(.8,e.defaultColours.green)};border-color:${e.defaultColours.green};}&.warning{background-color:${l(.8,e.defaultColours.amber)};border-color:${e.defaultColours.amber};}&.error{background-color:${l(.8,e.defaultColours.red)};border-color:${e.defaultColours.red};}`;exports.CalloutStyled=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../external/rgba.js"),e=require("../../external/DefaultColours.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=/*#__PURE__*/o(require("styled-components")),a={exports:{}};!function(e,o){o.__esModule=!0,o.default=void 0;var t=/*#__PURE__*/d(r._curry.exports),a=/*#__PURE__*/d(r._guard.exports),l=/*#__PURE__*/d(r.rgba.exports),u=/*#__PURE__*/d(r.parseToRgb.exports);function d(r){return r&&r.__esModule?r:{default:r}}function n(){return(n=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r}).apply(this,arguments)}function s(r,e){if("transparent"===e)return e;var o=(0,u.default)(e),t="number"==typeof o.alpha?o.alpha:1,d=n({},o,{alpha:(0,a.default)(0,1,+(100*t-100*parseFloat(r)).toFixed(2)/100)});return(0,l.default)(d)}var f=/*#__PURE__*/(0,t.default)(s);o.default=f,e.exports=o.default}(a,a.exports);var l=/*@__PURE__*/r.getDefaultExportFromCjs(a.exports);const u=t.default.div.withConfig({displayName:"CalloutStyled",componentId:"-azju6r"})`display:block;border-width:0 0 0 5px;word-break:break-word;border-style:solid;padding:16px;border-radius:4px;&.info{background-color:${l(.8,e.defaultColours.blue)};border-color:${e.defaultColours.blue};}&.success{background-color:${l(.8,e.defaultColours.green)};border-color:${e.defaultColours.green};}&.warning{background-color:${l(.8,e.defaultColours.amber)};border-color:${e.defaultColours.amber};}&.error{background-color:${l(.8,e.defaultColours.red)};border-color:${e.defaultColours.red};}`;exports.CalloutStyled=u;
 //# sourceMappingURL=Callout.styled.js.map

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

@@ -1,2 +1,2 @@
-"use strict";function d(d){return d&&"object"==typeof d&&"default"in d?d:{default:d}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/d(require("styled-components")).default.div.withConfig({displayName:"CardStyled",componentId:"-1otqjh1"})`position:relative;width:100%;&[class*="border-"]{border-width:${d=>d.theme.globals.borderWidth};}&:not([class*="border-"]){border:1px solid ${d=>d.theme.card.border};}&:not([class*="bg-"]){background-color:${d=>d.theme.card.bg};}&.shape-rounded{border-radius:${d=>d.theme.card.borderRadius};}&.padding-all-tiny{padding:8px;}&.padding-all-small{padding:16px;}&.padding-all-medium{padding:32px;}&.padding-all-large{padding:48px;}&.padding-all-huge{padding:64px;}@media all and (max-width : 600px){&[class*="padding"]{padding:4vmin;}.padding-none{padding:0 !important;}}`;exports.CardStyled=e;
+"use strict";function d(d){return d&&"object"==typeof d&&"default"in d?d:{default:d}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/d(require("styled-components")).default.div.withConfig({displayName:"CardStyled",componentId:"-5hj3vt"})`position:relative;width:100%;&[class*="border-"]{border-width:${d=>d.theme.globals.borderWidth};}&:not([class*="border-"]){border:1px solid ${d=>d.theme.card.border};}&:not([class*="bg-"]){background-color:${d=>d.theme.card.bg};}&.shape-rounded{border-radius:${d=>d.theme.card.borderRadius};}&.padding-all-tiny{padding:8px;}&.padding-all-small{padding:16px;}&.padding-all-medium{padding:32px;}&.padding-all-large{padding:48px;}&.padding-all-huge{padding:64px;}@media all and (max-width : 600px){&[class*="padding"]{padding:4vmin;}.padding-none{padding:0 !important;}}`;exports.CardStyled=e;
 //# sourceMappingURL=Card.styled.js.map

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-\"] { 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,kIAIWC,GAAqBA,EAAMC,MAAMC,QAAQC,2DAE/BH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAE1CL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAE/CN,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/Code.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:"CodeStyled",componentId:"-75guoy"})`pre{display:block;width:100%;max-width:100%;font-family:${e=>e.theme.text.font.mono};color:${e=>e.theme.text.code.block.text};font-size:${e=>e.theme.text.code.block.scale}%;line-height:${e=>e.theme.text.code.block.lineHeight};font-weight:400;padding:16px 24px;background-color:${e=>e.theme.text.code.block.bg};text-align:left;overflow:auto;direction:ltr;white-space:pre;word-spacing:normal;word-break:normal;letter-spacing:-0.5px;font-variant-ligatures:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:4px;-moz-tab-size:4;tab-size:4;}@media print{pre[class*="language-"],code[class*="language-"]{text-shadow:none;}}.token.tag{color:${e=>e.theme.text.code.prism.tokens.tag};}.token.atrule{color:${e=>e.theme.text.code.prism.tokens.atrule};}.token.attr-name{color:${e=>e.theme.text.code.prism.tokens.attrName};}.token.attr-value{color:${e=>e.theme.text.code.prism.tokens.attrValue};}.token.boolean{color:${e=>e.theme.text.code.prism.tokens.boolean};}.token.cdata{color:${e=>e.theme.text.code.prism.tokens.cdata};}.token.class-name{color:${e=>e.theme.text.code.prism.tokens.className};}.token.comment{color:${e=>e.theme.text.code.prism.tokens.comment};}.token.constant{color:${e=>e.theme.text.code.prism.tokens.constant}}.token.deleted{color:${e=>e.theme.text.code.prism.tokens.deleted};}.token.delimiter{color:${e=>e.theme.text.code.prism.tokens.delimiter};}.token.doctype{color:${e=>e.theme.text.code.prism.tokens.doctype};}.token.entity{color:${e=>e.theme.text.code.prism.tokens.entity}}.token.function{color:${e=>e.theme.text.code.prism.tokens.function};}.token.hexcode{color:${e=>e.theme.text.code.prism.tokens.hexcode};}.token.inserted{color:${e=>e.theme.text.code.prism.tokens.inserted}}.token.keyword{color:${e=>e.theme.text.code.prism.tokens.keyword};}.token.number{color:${e=>e.theme.text.code.prism.tokens.number}}.token.operator{color:${e=>e.theme.text.code.prism.tokens.operator};}.token.plain{color:${e=>e.theme.text.code.prism.tokens.plain}}.token.prolog{color:${e=>e.theme.text.code.prism.tokens.prolog};}.token.property{color:${e=>e.theme.text.code.prism.tokens.property};}.token.punctuation{color:${e=>e.theme.text.code.prism.tokens.punctuation};}.token.regex{color:${e=>e.theme.text.code.prism.tokens.regex}}.token.selector{color:${e=>e.theme.text.code.prism.tokens.selector};}.token.string{color:${e=>e.theme.text.code.prism.tokens.string};}.token.symbol{color:${e=>e.theme.text.code.prism.tokens.symbol}}.token.url{color:${e=>e.theme.text.code.prism.tokens.url}}.token.variable{color:${e=>e.theme.text.code.prism.tokens.variable};}.token.namespace{opacity:0.72;}.token.italic{font-style:italic;}pre::selection,code::selection,pre::-moz-selection,code::-moz-selection,pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-]::-moz-selection,code[class*=language-]::-moz-selection{text-shadow:none;color:${e=>e.theme.text.selection.text};background:${e=>e.theme.text.selection.bg} !important;}code[class*=language-css],code[class*=language-less],code[class*=language-sass]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-scss]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-html]{color:${e=>e.theme.text.code.prism.languages.html.fallback};}code[class*=language-js]{color:${e=>e.theme.text.code.prism.languages.js.fallback};}code[class*=language-json] .token.string{color:${e=>e.theme.text.code.prism.languages.json.tokens.string};}`;exports.CodeStyled=t;
+"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:"CodeStyled",componentId:"-3p042u"})`pre{display:block;width:100%;max-width:100%;font-family:${e=>e.theme.text.font.mono};color:${e=>e.theme.text.code.block.text};font-size:${e=>e.theme.text.code.block.scale}%;line-height:${e=>e.theme.text.code.block.lineHeight};font-weight:400;padding:16px 24px;background-color:${e=>e.theme.text.code.block.bg};text-align:left;overflow:auto;direction:ltr;white-space:pre;word-spacing:normal;word-break:normal;letter-spacing:-0.5px;font-variant-ligatures:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:4px;-moz-tab-size:4;tab-size:4;}@media print{pre[class*="language-"],code[class*="language-"]{text-shadow:none;}}.token.tag{color:${e=>e.theme.text.code.prism.tokens.tag};}.token.atrule{color:${e=>e.theme.text.code.prism.tokens.atrule};}.token.attr-name{color:${e=>e.theme.text.code.prism.tokens.attrName};}.token.attr-value{color:${e=>e.theme.text.code.prism.tokens.attrValue};}.token.boolean{color:${e=>e.theme.text.code.prism.tokens.boolean};}.token.cdata{color:${e=>e.theme.text.code.prism.tokens.cdata};}.token.class-name{color:${e=>e.theme.text.code.prism.tokens.className};}.token.comment{color:${e=>e.theme.text.code.prism.tokens.comment};}.token.constant{color:${e=>e.theme.text.code.prism.tokens.constant}}.token.deleted{color:${e=>e.theme.text.code.prism.tokens.deleted};}.token.delimiter{color:${e=>e.theme.text.code.prism.tokens.delimiter};}.token.doctype{color:${e=>e.theme.text.code.prism.tokens.doctype};}.token.entity{color:${e=>e.theme.text.code.prism.tokens.entity}}.token.function{color:${e=>e.theme.text.code.prism.tokens.function};}.token.hexcode{color:${e=>e.theme.text.code.prism.tokens.hexcode};}.token.inserted{color:${e=>e.theme.text.code.prism.tokens.inserted}}.token.keyword{color:${e=>e.theme.text.code.prism.tokens.keyword};}.token.number{color:${e=>e.theme.text.code.prism.tokens.number}}.token.operator{color:${e=>e.theme.text.code.prism.tokens.operator};}.token.plain{color:${e=>e.theme.text.code.prism.tokens.plain}}.token.prolog{color:${e=>e.theme.text.code.prism.tokens.prolog};}.token.property{color:${e=>e.theme.text.code.prism.tokens.property};}.token.punctuation{color:${e=>e.theme.text.code.prism.tokens.punctuation};}.token.regex{color:${e=>e.theme.text.code.prism.tokens.regex}}.token.selector{color:${e=>e.theme.text.code.prism.tokens.selector};}.token.string{color:${e=>e.theme.text.code.prism.tokens.string};}.token.symbol{color:${e=>e.theme.text.code.prism.tokens.symbol}}.token.url{color:${e=>e.theme.text.code.prism.tokens.url}}.token.variable{color:${e=>e.theme.text.code.prism.tokens.variable};}.token.namespace{opacity:0.72;}.token.italic{font-style:italic;}pre::selection,code::selection,pre::-moz-selection,code::-moz-selection,pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-]::-moz-selection,code[class*=language-]::-moz-selection{text-shadow:none;color:${e=>e.theme.text.selection.text};background:${e=>e.theme.text.selection.bg} !important;}code[class*=language-css],code[class*=language-less],code[class*=language-sass]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-scss]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-html]{color:${e=>e.theme.text.code.prism.languages.html.fallback};}code[class*=language-js]{color:${e=>e.theme.text.code.prism.languages.js.fallback};}code[class*=language-json] .token.string{color:${e=>e.theme.text.code.prism.languages.json.tokens.string};}`;exports.CodeStyled=t;
 //# sourceMappingURL=Code.styled.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../Sidebar/SidebarWrapper/SidebarWrapper.styled.js");function t(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__*/t(e).default.main.withConfig({displayName:"ContentWrapperStyled",componentId:"-1rr1h3s"})`width:100%;min-height:100vh;transition:all 0.4s ease-in-out;${r.SidebarWrapperStyled} + &{width:${e=>`calc(100% - ${e.theme.sidebar.width})`};margin-left:${e=>e.theme.sidebar.width};}${r.SidebarWrapperStyled}.collapsed + &{width:${e=>`calc(100% - ${e.theme.sidebar.isCollapsed.width})`};margin-left:${e=>e.theme.sidebar.isCollapsed.width};}@media (max-width : 900px){${r.SidebarWrapperStyled} + &{width:100%;margin-left:0;}}`;exports.ContentWrapperStyled=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../Sidebar/SidebarWrapper/SidebarWrapper.styled.js");function t(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__*/t(e).default.main.withConfig({displayName:"ContentWrapperStyled",componentId:"-k7njwy"})`width:100%;min-height:100vh;transition:all 0.4s ease-in-out;${r.SidebarWrapperStyled} + &{width:${e=>`calc(100% - ${e.theme.sidebar.width})`};margin-left:${e=>e.theme.sidebar.width};}${r.SidebarWrapperStyled}.collapsed + &{width:${e=>`calc(100% - ${e.theme.sidebar.isCollapsed.width})`};margin-left:${e=>e.theme.sidebar.isCollapsed.width};}@media (max-width : 900px){${r.SidebarWrapperStyled} + &{width:100%;margin-left:0;}}`;exports.ContentWrapperStyled=i;
 //# sourceMappingURL=ContentWrapper.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentWrapper.styled.js","sources":["../../../../src/components/ContentWrapper/ContentWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperStyled } from \"../Sidebar/SidebarWrapper/SidebarWrapper.styled\"\nimport { ContentWrapperProps } from \"./ContentWrapper\";\n\nexport const ContentWrapperStyled = styled.main`\n    width      : 100%;\n    min-height : 100vh;\n    transition : all 0.4s ease-in-out;\n\n    ${SidebarWrapperStyled} + & {\n        width       : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.width})`};\n        margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.width};\n    }\n\n    ${SidebarWrapperStyled}.collapsed + & {\n        width       : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.isCollapsed.width})`};\n        margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.isCollapsed.width};\n    }\n\n    @media (max-width : 900px) {\n        ${SidebarWrapperStyled} + & {\n            width       : 100%;\n            margin-left : 0;\n        }\n    }\n`;\n"],"names":["ContentWrapperStyled","main","SidebarWrapperStyled","props","theme","sidebar","width","isCollapsed"],"mappings":"qiBAKaA,4BAA8BC,2IAKrCC,oCACmBC,kBAA8CA,EAAMC,MAAMC,QAAQC,wBAClEH,GAA+BA,EAAMC,MAAMC,QAAQC,UAGtEJ,8CACmBC,kBAA8CA,EAAMC,MAAMC,QAAQE,YAAYD,wBAC9EH,GAA+BA,EAAMC,MAAMC,QAAQE,YAAYD,qCAI9EJ"}
+{"version":3,"file":"ContentWrapper.styled.js","sources":["../../../../src/components/ContentWrapper/ContentWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperStyled } from \"../Sidebar/SidebarWrapper/SidebarWrapper.styled\"\nimport { ContentWrapperProps } from \"./ContentWrapper\";\n\nexport const ContentWrapperStyled = styled.main`\n    width      : 100%;\n    min-height : 100vh;\n    transition : all 0.4s ease-in-out;\n\n    ${SidebarWrapperStyled} + & {\n        width       : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.width})`};\n        margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.width};\n    }\n\n    ${SidebarWrapperStyled}.collapsed + & {\n        width       : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.isCollapsed.width})`};\n        margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.isCollapsed.width};\n    }\n\n    @media (max-width : 900px) {\n        ${SidebarWrapperStyled} + & {\n            width       : 100%;\n            margin-left : 0;\n        }\n    }\n`;\n"],"names":["ContentWrapperStyled","main","SidebarWrapperStyled","props","theme","sidebar","width","isCollapsed"],"mappings":"qiBAKaA,4BAA8BC,0IAKrCC,oCACmBC,kBAA8CA,EAAMC,MAAMC,QAAQC,wBAClEH,GAA+BA,EAAMC,MAAMC,QAAQC,UAGtEJ,8CACmBC,kBAA8CA,EAAMC,MAAMC,QAAQE,YAAYD,wBAC9EH,GAA+BA,EAAMC,MAAMC,QAAQE,YAAYD,qCAI9EJ"}

package/dist/cjs/components/ExpandableContent/ExpandableContent.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.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-3gelwl"})`cursor:pointer;& > summary{position:relative;& > *{padding-right:32px;}&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.sidebar.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;exports.ExpandableContentStyled=t;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/t(require("styled-components")).default.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-151cshk"})`cursor:pointer;& > summary{position:relative;& > *{padding-right:32px;}&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${t=>t.theme.sidebar.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;exports.ExpandableContentStyled=e;
 //# sourceMappingURL=ExpandableContent.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableContent.styled.js","sources":["../../../../src/components/ExpandableContent/ExpandableContent.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExpandableContentProps } from \"./ExpandableContent\";\n\nexport const ExpandableContentStyled = styled.details`\n    cursor: pointer;\n    \n    & > summary {\n        position : relative;\n\n        & > * {\n            padding-right: 32px;\n        }\n\n        &::after {\n            content      : \"\";\n            display      : inline-block;\n            position     : absolute;\n            top          : 50%;\n            right        : 12px;\n            width        : 8px;\n            height       : 8px;\n            border-style : solid;\n            border-width : 0 2px 2px 0;\n            transform    : translateY(-50%) rotate(45deg);\n            color        : ${(props: ExpandableContentProps) => props.theme.sidebar.subLinks.chevron.border};\n            transition   : transform 0.2s linear;\n            cursor       : pointer;\n        }\n    }\n    \n    &[open] > summary::after {\n        transform : translateY(-50%) rotate(225deg);\n    }\n`;\n"],"names":["ExpandableContentStyled","details","props","theme","sidebar","subLinks","chevron","border"],"mappings":"kJAGaA,uDAAiCC,wVAqBhBC,GAAkCA,EAAMC,MAAMC,QAAQC,SAASC,QAAQC"}
+{"version":3,"file":"ExpandableContent.styled.js","sources":["../../../../src/components/ExpandableContent/ExpandableContent.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExpandableContentProps } from \"./ExpandableContent\";\n\nexport const ExpandableContentStyled = styled.details`\n    cursor: pointer;\n    \n    & > summary {\n        position : relative;\n\n        & > * {\n            padding-right: 32px;\n        }\n\n        &::after {\n            content      : \"\";\n            display      : inline-block;\n            position     : absolute;\n            top          : 50%;\n            right        : 12px;\n            width        : 8px;\n            height       : 8px;\n            border-style : solid;\n            border-width : 0 2px 2px 0;\n            transform    : translateY(-50%) rotate(45deg);\n            color        : ${(props: ExpandableContentProps) => props.theme.sidebar.subLinks.chevron.border};\n            transition   : transform 0.2s linear;\n            cursor       : pointer;\n        }\n    }\n    \n    &[open] > summary::after {\n        transform : translateY(-50%) rotate(225deg);\n    }\n`;\n"],"names":["ExpandableContentStyled","details","props","theme","sidebar","subLinks","chevron","border"],"mappings":"kJAGaA,uDAAiCC,yVAqBhBC,GAAkCA,EAAMC,MAAMC,QAAQC,SAASC,QAAQC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/t(e);const a=e.css`display:inline-flex;flex-direction:row;align-items:center;margin-right:24px;&:only-of-type{margin-right:0;}input[type="checkbox"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}label{display:inline-flex;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;line-height:1;user-select:none;&::before,&::after{display:inline-flex;content:"";transition:all 0.1s ease-out;}}label::before,input[type="checkbox"]:disabled + label::before{user-select:none;pointer-events:none;background:${e=>e.theme.checkBox.square.default.bg};box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.24)inset;}&:hover label::before{background:${e=>e.theme.checkBox.square.onHover.bg};}label::after{opacity:0;}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.checkBox.square.isChecked.bg};}input[type="checkbox"]:focus + label::before{outline:solid 2px ${e=>e.theme.checkBox.square.isChecked.bg};}`,l=o.default.div.withConfig({displayName:"CheckBoxStyled",componentId:"-wsb84r"})`${a} label::before{position:absolute;height:16px;width:16px;top:0;left:0;border-radius:4px;}label::after{position:absolute;height:6px;width:12px;left:2px;top:4px;border-left:2px solid ${e=>e.theme.checkBox.check.default.border};border-bottom:2px solid ${e=>e.theme.checkBox.check.default.border};transform:rotate(-45deg);}label{padding-left:24px;}input[type="checkbox"]:checked + label::after{opacity:1;}`,i=o.default.div.withConfig({displayName:"SwitchStyled",componentId:"-r3ooao"})`${a} label{position:relative;&::before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:16px;margin-right:4px;background:${e=>e.theme.toggleSwitch.case.default.bg};}&::after{content:"";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;background:${e=>e.theme.toggleSwitch.actuator.default.bg};border-radius:50%;transition:all 0.1s ease-out;box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.6);opacity:1;}}input[type="checkbox"]:hover + label::before{background:${e=>e.theme.toggleSwitch.case.onHover.bg};}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.toggleSwitch.case.isChecked.bg};}input[type="checkbox"]:disabled + label::before{background:${e=>e.theme.toggleSwitch.case.isDisabled.bg};}input[type="checkbox"]:hover + label::after{background:${e=>e.theme.toggleSwitch.actuator.onHover.bg};}input[type="checkbox"]:checked + label::after{background:${e=>e.theme.toggleSwitch.actuator.isChecked.bg};}input[type="checkbox"]:disabled + label::after{background:${e=>e.theme.toggleSwitch.actuator.isDisabled.bg};}&.size-small{label{padding-left:32px;&::before{width:24px;height:12px;}&::after{left:2px;width:8px;height:8px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(12px);}}&.size-medium{label{padding-left:44px;&::before{width:36px;height:18px;}&::after{left:3px;width:12px;height:12px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(18px);}}&.size-large{label{padding-left:56px;&::before{width:48px;height:24px;}&::after{left:4px;width:16px;height:16px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(24px);}}`;exports.CheckBoxStyled=l,exports.SwitchStyled=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/*#__PURE__*/t(e);const a=e.css`display:inline-flex;flex-direction:row;align-items:center;margin-right:24px;&:only-of-type{margin-right:0;}input[type="checkbox"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}label{display:inline-flex;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;line-height:1;user-select:none;&::before,&::after{display:inline-flex;content:"";transition:all 0.1s ease-out;}}label::before,input[type="checkbox"]:disabled + label::before{user-select:none;pointer-events:none;background:${e=>e.theme.checkBox.square.default.bg};box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.24)inset;}&:hover label::before{background:${e=>e.theme.checkBox.square.onHover.bg};}label::after{opacity:0;}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.checkBox.square.isChecked.bg};}input[type="checkbox"]:focus + label::before{outline:solid 2px ${e=>e.theme.checkBox.square.isChecked.bg};}`,l=o.default.div.withConfig({displayName:"CheckBoxStyled",componentId:"-ka4hb"})`${a} label::before{position:absolute;height:16px;width:16px;top:0;left:0;border-radius:4px;}label::after{position:absolute;height:6px;width:12px;left:2px;top:4px;border-left:2px solid ${e=>e.theme.checkBox.check.default.border};border-bottom:2px solid ${e=>e.theme.checkBox.check.default.border};transform:rotate(-45deg);}label{padding-left:24px;}input[type="checkbox"]:checked + label::after{opacity:1;}`,i=o.default.div.withConfig({displayName:"SwitchStyled",componentId:"-t1fok5"})`${a} label{position:relative;&::before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:16px;margin-right:4px;background:${e=>e.theme.toggleSwitch.case.default.bg};}&::after{content:"";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;background:${e=>e.theme.toggleSwitch.actuator.default.bg};border-radius:50%;transition:all 0.1s ease-out;box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.6);opacity:1;}}input[type="checkbox"]:hover + label::before{background:${e=>e.theme.toggleSwitch.case.onHover.bg};}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.toggleSwitch.case.isChecked.bg};}input[type="checkbox"]:disabled + label::before{background:${e=>e.theme.toggleSwitch.case.isDisabled.bg};}input[type="checkbox"]:hover + label::after{background:${e=>e.theme.toggleSwitch.actuator.onHover.bg};}input[type="checkbox"]:checked + label::after{background:${e=>e.theme.toggleSwitch.actuator.isChecked.bg};}input[type="checkbox"]:disabled + label::after{background:${e=>e.theme.toggleSwitch.actuator.isDisabled.bg};}&.size-small{label{padding-left:32px;&::before{width:24px;height:12px;}&::after{left:2px;width:8px;height:8px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(12px);}}&.size-medium{label{padding-left:44px;&::before{width:36px;height:18px;}&::after{left:3px;width:12px;height:12px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(18px);}}&.size-large{label{padding-left:56px;&::before{width:48px;height:24px;}&::after{left:4px;width:16px;height:16px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(24px);}}`;exports.CheckBoxStyled=l,exports.SwitchStyled=i;
 //# sourceMappingURL=CheckBox.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.styled.js","sources":["../../../../../src/components/Form/CheckBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { CheckboxProps } from \"./CheckBox\";\n\n/*  COMMON STYLES  ========================================================  */\nconst SharedStyling = css`\n    display        : inline-flex;\n    flex-direction : row;\n    align-items    : center;\n    margin-right   : 24px;\n\n    &:only-of-type {\n        margin-right : 0;\n    }\n\n    input[type=\"checkbox\"] {\n        position : absolute;\n        height   : 1px;\n        width    : 1px;\n        overflow : hidden;\n        clip     : rect(1px 1px 1px 1px); /* IE6, IE7 */\n        clip     : rect(1px, 1px, 1px, 1px);\n    }\n\n    label {\n        display     : inline-flex;\n        position    : relative;\n        font-family : ${(props : CheckboxProps) => props.theme.text.font.sans};\n        color       : ${(props : CheckboxProps) => props.theme.text.paras.color};\n        cursor      : pointer;\n        line-height : 1;\n        user-select : none;\n\n        &::before,\n        &::after {\n            display    : inline-flex;\n            content    : \"\";\n            transition : all 0.1s ease-out;\n        }\n    }\n\n    /*  The grey square */\n    label::before,\n    input[type=\"checkbox\"]:disabled + label::before {\n        user-select    : none;\n        pointer-events : none;\n        background     : ${(props : CheckboxProps) => props.theme.checkBox.square.default.bg};\n        box-shadow     : 0 2px 4px -2px hsla(0, 0, 0, 0.24) inset;\n    }\n\n    &:hover label::before {\n        background : ${(props : CheckboxProps) => props.theme.checkBox.square.onHover.bg};\n    }\n\n    label::after {\n        opacity : 0;\n    }\n\n    input[type=\"checkbox\"]:checked + label::before {\n        background : ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:focus + label::before {\n        outline : solid 2px ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n    }\n`;\n\n/*  CHECKBOX  =============================================================  */\nexport const CheckBoxStyled = styled.div`\n    ${SharedStyling}\n\n    /*  The square */\n    label::before {\n        position      : absolute;\n        height        : 16px;\n        width         : 16px;\n        top           : 0;\n        left          : 0;\n        border-radius : 4px;\n    }\n\n    /*  The white tick inside */\n    label::after {\n        position      : absolute;\n        height        : 6px;\n        width         : 12px;\n        left          : 2px;\n        top           : 4px;\n        border-left   : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n        border-bottom : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n        transform     : rotate(-45deg);\n    }\n\n    label {\n        padding-left : 24px;\n    }\n\n    input[type=\"checkbox\"]:checked + label::after {\n        opacity : 1;\n    }\n`;\n\n/*  TOGGLE SWITCH  ========================================================  */\nexport const SwitchStyled = styled.div`\n    ${SharedStyling}\n\n    label {\n        position : relative;\n\n        /*  The grey stadium shape for the case */\n        &::before {\n            position      : absolute;\n            top           : 50%;\n            left          : 0;\n            transform     : translateY(-50%);\n            border-radius : 16px;\n            margin-right  : 4px;\n            background    : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.default.bg};\n        }\n\n        /*  The white inner circle actuator */\n        &::after {\n            content       : \"\";\n            position      : absolute;\n            top           : 50%;\n            transform     : translateY(-50%);\n            display       : inline-block;\n            background    : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.default.bg};\n            border-radius : 50%;\n            transition    : all 0.1s ease-out;\n            box-shadow    : 0 2px 4px -2px hsla(0, 0, 0, 0.6);\n            opacity       : 1;\n        }\n    }\n\n    /* States for the stadium */\n    input[type=\"checkbox\"]:hover + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.onHover.bg};\n    }\n\n    input[type=\"checkbox\"]:checked + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:disabled + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isDisabled.bg};\n    }\n\n    /* States for the circle */\n    input[type=\"checkbox\"]:hover + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.onHover.bg};\n    }\n\n    input[type=\"checkbox\"]:checked + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:disabled + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isDisabled.bg};\n    }\n\n\n    /* Sizes */\n    &.size-small {\n        label {\n            padding-left : 32px;\n\n            &::before {\n                width  : 24px;\n                height : 12px;\n            }\n\n            &::after {\n                left   : 2px;\n                width  : 8px;\n                height : 8px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(12px);\n        }\n    }\n\n    &.size-medium {\n        label {\n            padding-left : 44px;\n\n            &::before {\n                width  : 36px;\n                height : 18px;\n            }\n\n            &::after {\n                left   : 3px;\n                width  : 12px;\n                height : 12px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(18px);\n        }\n    }\n\n    &.size-large {\n        label {\n            padding-left : 56px;\n\n            &::before {\n                width  : 48px;\n                height : 24px;\n            }\n\n            &::after {\n                left   : 4px;\n                width  : 16px;\n                height : 16px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(24px);\n        }\n    }\n`;\n"],"names":["SharedStyling","css","props","theme","text","font","sans","paras","color","checkBox","square","default","bg","onHover","isChecked","CheckBoxStyled","styled","div","check","border","SwitchStyled","toggleSwitch","case","actuator","isDisabled"],"mappings":"uMAKA,MAAMA,EAAgBC,mTAsBGC,GAA0BA,EAAMC,MAAMC,KAAKC,KAAKC,cAChDJ,GAA0BA,EAAMC,MAAMC,KAAKG,MAAMC,sPAkB9CN,GAA0BA,EAAMC,MAAMM,SAASC,OAAOC,QAAQC,2FAKlEV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOG,QAAQD,yFAQ9DV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,sEAIzDV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,OAKlFG,EAAiBC,UAAOC,uEAC/BjB,wLAmB+BE,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,kCAC7DjB,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,sHAcrFC,EAAeJ,UAAOC,qEAC7BjB,kJAayBE,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKX,QAAQC,gHAUhEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASZ,QAAQC,sKAU3EV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKT,QAAQD,iEAIhEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKR,UAAUF,kEAIlEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKE,WAAWZ,8DAKnEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASV,QAAQD,gEAIpEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAAST,UAAUF,iEAItEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASC,WAAWZ"}
+{"version":3,"file":"CheckBox.styled.js","sources":["../../../../../src/components/Form/CheckBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { CheckboxProps } from \"./CheckBox\";\n\n/*  COMMON STYLES  ========================================================  */\nconst SharedStyling = css`\n    display        : inline-flex;\n    flex-direction : row;\n    align-items    : center;\n    margin-right   : 24px;\n\n    &:only-of-type {\n        margin-right : 0;\n    }\n\n    input[type=\"checkbox\"] {\n        position : absolute;\n        height   : 1px;\n        width    : 1px;\n        overflow : hidden;\n        clip     : rect(1px 1px 1px 1px); /* IE6, IE7 */\n        clip     : rect(1px, 1px, 1px, 1px);\n    }\n\n    label {\n        display     : inline-flex;\n        position    : relative;\n        font-family : ${(props : CheckboxProps) => props.theme.text.font.sans};\n        color       : ${(props : CheckboxProps) => props.theme.text.paras.color};\n        cursor      : pointer;\n        line-height : 1;\n        user-select : none;\n\n        &::before,\n        &::after {\n            display    : inline-flex;\n            content    : \"\";\n            transition : all 0.1s ease-out;\n        }\n    }\n\n    /*  The grey square */\n    label::before,\n    input[type=\"checkbox\"]:disabled + label::before {\n        user-select    : none;\n        pointer-events : none;\n        background     : ${(props : CheckboxProps) => props.theme.checkBox.square.default.bg};\n        box-shadow     : 0 2px 4px -2px hsla(0, 0, 0, 0.24) inset;\n    }\n\n    &:hover label::before {\n        background : ${(props : CheckboxProps) => props.theme.checkBox.square.onHover.bg};\n    }\n\n    label::after {\n        opacity : 0;\n    }\n\n    input[type=\"checkbox\"]:checked + label::before {\n        background : ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:focus + label::before {\n        outline : solid 2px ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n    }\n`;\n\n/*  CHECKBOX  =============================================================  */\nexport const CheckBoxStyled = styled.div`\n    ${SharedStyling}\n\n    /*  The square */\n    label::before {\n        position      : absolute;\n        height        : 16px;\n        width         : 16px;\n        top           : 0;\n        left          : 0;\n        border-radius : 4px;\n    }\n\n    /*  The white tick inside */\n    label::after {\n        position      : absolute;\n        height        : 6px;\n        width         : 12px;\n        left          : 2px;\n        top           : 4px;\n        border-left   : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n        border-bottom : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n        transform     : rotate(-45deg);\n    }\n\n    label {\n        padding-left : 24px;\n    }\n\n    input[type=\"checkbox\"]:checked + label::after {\n        opacity : 1;\n    }\n`;\n\n/*  TOGGLE SWITCH  ========================================================  */\nexport const SwitchStyled = styled.div`\n    ${SharedStyling}\n\n    label {\n        position : relative;\n\n        /*  The grey stadium shape for the case */\n        &::before {\n            position      : absolute;\n            top           : 50%;\n            left          : 0;\n            transform     : translateY(-50%);\n            border-radius : 16px;\n            margin-right  : 4px;\n            background    : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.default.bg};\n        }\n\n        /*  The white inner circle actuator */\n        &::after {\n            content       : \"\";\n            position      : absolute;\n            top           : 50%;\n            transform     : translateY(-50%);\n            display       : inline-block;\n            background    : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.default.bg};\n            border-radius : 50%;\n            transition    : all 0.1s ease-out;\n            box-shadow    : 0 2px 4px -2px hsla(0, 0, 0, 0.6);\n            opacity       : 1;\n        }\n    }\n\n    /* States for the stadium */\n    input[type=\"checkbox\"]:hover + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.onHover.bg};\n    }\n\n    input[type=\"checkbox\"]:checked + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:disabled + label::before {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isDisabled.bg};\n    }\n\n    /* States for the circle */\n    input[type=\"checkbox\"]:hover + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.onHover.bg};\n    }\n\n    input[type=\"checkbox\"]:checked + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isChecked.bg};\n    }\n\n    input[type=\"checkbox\"]:disabled + label::after {\n        background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isDisabled.bg};\n    }\n\n\n    /* Sizes */\n    &.size-small {\n        label {\n            padding-left : 32px;\n\n            &::before {\n                width  : 24px;\n                height : 12px;\n            }\n\n            &::after {\n                left   : 2px;\n                width  : 8px;\n                height : 8px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(12px);\n        }\n    }\n\n    &.size-medium {\n        label {\n            padding-left : 44px;\n\n            &::before {\n                width  : 36px;\n                height : 18px;\n            }\n\n            &::after {\n                left   : 3px;\n                width  : 12px;\n                height : 12px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(18px);\n        }\n    }\n\n    &.size-large {\n        label {\n            padding-left : 56px;\n\n            &::before {\n                width  : 48px;\n                height : 24px;\n            }\n\n            &::after {\n                left   : 4px;\n                width  : 16px;\n                height : 16px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label::after {\n            transform : translateY(-50%) translateX(24px);\n        }\n    }\n`;\n"],"names":["SharedStyling","css","props","theme","text","font","sans","paras","color","checkBox","square","default","bg","onHover","isChecked","CheckBoxStyled","styled","div","check","border","SwitchStyled","toggleSwitch","case","actuator","isDisabled"],"mappings":"uMAKA,MAAMA,EAAgBC,mTAsBGC,GAA0BA,EAAMC,MAAMC,KAAKC,KAAKC,cAChDJ,GAA0BA,EAAMC,MAAMC,KAAKG,MAAMC,sPAkB9CN,GAA0BA,EAAMC,MAAMM,SAASC,OAAOC,QAAQC,2FAKlEV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOG,QAAQD,yFAQ9DV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,sEAIzDV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,OAKlFG,EAAiBC,UAAOC,sEAC/BjB,wLAmB+BE,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,kCAC7DjB,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,sHAcrFC,EAAeJ,UAAOC,qEAC7BjB,kJAayBE,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKX,QAAQC,gHAUhEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASZ,QAAQC,sKAU3EV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKT,QAAQD,iEAIhEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKR,UAAUF,kEAIlEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKE,WAAWZ,8DAKnEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASV,QAAQD,gEAIpEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAAST,UAAUF,iEAItEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASC,WAAWZ"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../InputField/InputField.styled.js"),l=require("../Select/Select.styled.js"),o=require("../TextArea/TextArea.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=/*#__PURE__*/i(e).default.div.withConfig({displayName:"FormItemStyled",componentId:"-xk881l"})`display:flex;flex-direction:column;position:relative;width:100%;align-items:flex-start;& > label{position:relative;display:flex;flex:1 0 auto;align-self:flex-start;margin-bottom:4px;color:${e=>e.theme.inputField.default.label};font-family:${e=>e.theme.text.paras.font};order:-1;flex-wrap:wrap;}.info-section{flex-wrap:wrap;span.help-text,span.error-text{font-size:${e=>e.theme.inputField.default.helpText.scale};font-family:${e=>e.theme.text.paras.font};}span.help-text{color:${e=>e.theme.inputField.default.helpText.text};}span.error-text{display:none;}span:not(:last-of-type){margin-right:8px;}}&[required]{& > div,& > ${t.InputFieldStyled},& > ${o.TextAreaStyled},& > ${l.SelectWrapperStyled}{& ~ label::before{position:absolute;top:-4px;bottom:0;left:-12px;margin:auto;content:"*";font-size:120%;color:${e=>e.theme.inputField.required.text};}}}input[type="radio"]:disabled + label,input[type="checkbox"]:disabled + label{pointer-events:none;user-select:none;cursor:default;opacity:0.36;}${t.InputFieldStyled},${o.TextAreaStyled},${l.SelectWrapperStyled}{&:read-only{background-color:${e=>e.theme.inputField.isReadOnly.bg};color:${e=>e.theme.inputField.default.text};&:focus{border:2px solid ${e=>e.theme.inputField.default.text};}}&:disabled,&[disabled] select{background-color:${e=>e.theme.inputField.isReadOnly.bg};border-color:${e=>e.theme.inputField.isReadOnly.border};color:${e=>e.theme.inputField.isReadOnly.text};& + label{color:${e=>e.theme.inputField.isReadOnly.label};}}&:not(:disabled){&:focus ~ label{font-weight:bold;}&:invalid:not(:focus):not(:placeholder-shown)~ .info-section span.error-text{display:block;color:${e=>e.theme.inputField.isInvalid.errorText};}}}`;exports.FormItemStyled=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../InputField/InputField.styled.js"),l=require("../Select/Select.styled.js"),o=require("../TextArea/TextArea.styled.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=/*#__PURE__*/i(e).default.div.withConfig({displayName:"FormItemStyled",componentId:"-t3no5p"})`display:flex;flex-direction:column;position:relative;width:100%;align-items:flex-start;& > label{position:relative;display:flex;flex:1 0 auto;align-self:flex-start;margin-bottom:4px;color:${e=>e.theme.inputField.default.label};font-family:${e=>e.theme.text.paras.font};order:-1;flex-wrap:wrap;}.info-section{flex-wrap:wrap;span.help-text,span.error-text{font-size:${e=>e.theme.inputField.default.helpText.scale};font-family:${e=>e.theme.text.paras.font};}span.help-text{color:${e=>e.theme.inputField.default.helpText.text};}span.error-text{display:none;}span:not(:last-of-type){margin-right:8px;}}&[required]{& > div,& > ${t.InputFieldStyled},& > ${o.TextAreaStyled},& > ${l.SelectWrapperStyled}{& ~ label::before{position:absolute;top:-4px;bottom:0;left:-12px;margin:auto;content:"*";font-size:120%;color:${e=>e.theme.inputField.required.text};}}}input[type="radio"]:disabled + label,input[type="checkbox"]:disabled + label{pointer-events:none;user-select:none;cursor:default;opacity:0.36;}${t.InputFieldStyled},${o.TextAreaStyled},${l.SelectWrapperStyled}{&:read-only{background-color:${e=>e.theme.inputField.isReadOnly.bg};color:${e=>e.theme.inputField.default.text};&:focus{border:2px solid ${e=>e.theme.inputField.default.text};}}&:disabled,&[disabled] select{background-color:${e=>e.theme.inputField.isReadOnly.bg};border-color:${e=>e.theme.inputField.isReadOnly.border};color:${e=>e.theme.inputField.isReadOnly.text};& + label{color:${e=>e.theme.inputField.isReadOnly.label};}}&:not(:disabled){&:focus ~ label{font-weight:bold;}&:invalid:not(:focus):not(:placeholder-shown)~ .info-section span.error-text{display:block;color:${e=>e.theme.inputField.isInvalid.errorText};}}}`;exports.FormItemStyled=r;
 //# sourceMappingURL=FormItem.styled.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../FormItem/FormItem.styled.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js");const o=/*#__PURE__*/r(t).default.div.withConfig({displayName:"FormItemGroupStyled",componentId:"-1w3ag79"})`display:flex;flex-wrap:wrap;width:100%;input{align-self:flex-end;}& > ${e.FormItemStyled}{flex:1 1 0;flex-direction:column;margin-bottom:24px;}& > label{flex:1 1 100%;order:-1;}&.spacing-none > ${e.FormItemStyled}:not(:last-of-type){margin-right:0;}&.spacing-nano > ${e.FormItemStyled}:not(:last-of-type){margin-right:8px;}&.spacing-micro > ${e.FormItemStyled}:not(:last-of-type){margin-right:12px;}&.spacing-tiny > ${e.FormItemStyled}:not(:last-of-type){margin-right:16px;}&.spacing-small > ${e.FormItemStyled}:not(:last-of-type){margin-right:24px;}&.spacing-medium > ${e.FormItemStyled}:not(:last-of-type){margin-right:32px;}&.spacing-large > ${e.FormItemStyled}:not(:last-of-type){margin-right:40px;}&.spacing-huge > ${e.FormItemStyled}:not(:last-of-type){margin-right:48px;}&.is-joint{& > ${e.FormItemStyled}{margin-right:0;&:first-of-type input,select,textarea{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:first-of-type):not(:last-of-type)input,select,textarea{border-radius:0;}&:last-of-type input,select,textarea{border-top-left-radius:0;border-bottom-left-radius:0;}}}@media screen and (max-width : 520px){&:not(.retain-layout)> ${e.FormItemStyled}{flex:1 1 auto;margin-right:0 !important;}&:not(.retain-layout)> ${e.FormItemStyled}:not(:last-child){margin-bottom:16px;}}`;exports.FormItemGroupStyled=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../FormItem/FormItem.styled.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js");const o=/*#__PURE__*/r(t).default.div.withConfig({displayName:"FormItemGroupStyled",componentId:"-lt3lk5"})`display:flex;flex-wrap:wrap;width:100%;input{align-self:flex-end;}& > ${e.FormItemStyled}{flex:1 1 0;flex-direction:column;margin-bottom:24px;}& > label{flex:1 1 100%;order:-1;}&.spacing-none > ${e.FormItemStyled}:not(:last-of-type){margin-right:0;}&.spacing-nano > ${e.FormItemStyled}:not(:last-of-type){margin-right:8px;}&.spacing-micro > ${e.FormItemStyled}:not(:last-of-type){margin-right:12px;}&.spacing-tiny > ${e.FormItemStyled}:not(:last-of-type){margin-right:16px;}&.spacing-small > ${e.FormItemStyled}:not(:last-of-type){margin-right:24px;}&.spacing-medium > ${e.FormItemStyled}:not(:last-of-type){margin-right:32px;}&.spacing-large > ${e.FormItemStyled}:not(:last-of-type){margin-right:40px;}&.spacing-huge > ${e.FormItemStyled}:not(:last-of-type){margin-right:48px;}&.is-joint{& > ${e.FormItemStyled}{margin-right:0;&:first-of-type input,select,textarea{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:first-of-type):not(:last-of-type)input,select,textarea{border-radius:0;}&:last-of-type input,select,textarea{border-top-left-radius:0;border-bottom-left-radius:0;}}}@media screen and (max-width : 520px){&:not(.retain-layout)> ${e.FormItemStyled}{flex:1 1 auto;margin-right:0 !important;}&:not(.retain-layout)> ${e.FormItemStyled}:not(:last-child){margin-bottom:16px;}}`;exports.FormItemGroupStyled=o;
 //# sourceMappingURL=FormItemGroup.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormItemGroup.styled.js","sources":["../../../../../src/components/Form/FormItemGroup/FormItemGroup.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\n\n\nexport const FormItemGroupStyled = styled.div`\n    display   : flex;\n    flex-wrap : wrap;\n    width     : 100%;\n\n    input {\n        align-self : flex-end;\n    }\n\n    & > ${FormItemStyled} {\n        flex           : 1 1 0;\n        flex-direction : column;\n        margin-bottom  : 24px;\n    }\n\n    & > label {\n        flex  : 1 1 100%;\n        order : -1;\n    }\n\n    &.spacing-none   > ${FormItemStyled}:not(:last-of-type) { margin-right :    0; }\n    &.spacing-nano   > ${FormItemStyled}:not(:last-of-type) { margin-right :  8px; }\n    &.spacing-micro  > ${FormItemStyled}:not(:last-of-type) { margin-right : 12px; }\n    &.spacing-tiny   > ${FormItemStyled}:not(:last-of-type) { margin-right : 16px; }\n    &.spacing-small  > ${FormItemStyled}:not(:last-of-type) { margin-right : 24px; }\n    &.spacing-medium > ${FormItemStyled}:not(:last-of-type) { margin-right : 32px; }\n    &.spacing-large  > ${FormItemStyled}:not(:last-of-type) { margin-right : 40px; }\n    &.spacing-huge   > ${FormItemStyled}:not(:last-of-type) { margin-right : 48px; }\n\n    &.is-joint {\n        & > ${FormItemStyled} {\n            margin-right : 0;\n\n            &:first-of-type input, select, textarea {\n                border-top-right-radius    : 0;\n                border-bottom-right-radius : 0;\n            }\n\n            &:not(:first-of-type):not(:last-of-type) input, select, textarea {\n                border-radius : 0;\n            }\n\n            &:last-of-type input, select, textarea {\n                border-top-left-radius    : 0;\n                border-bottom-left-radius : 0;\n            }\n        }\n    }\n\n    @media screen and (max-width : 520px) {\n        &:not(.retain-layout) > ${FormItemStyled} {\n            flex         : 1 1 auto;\n            margin-right : 0 !important;\n        }\n\n        //TODO: Add retainLayout prop for all breakpoints\n        &:not(.retain-layout) > ${FormItemStyled}:not(:last-child) {\n            margin-bottom : 16px;\n        }\n    }\n`;\n"],"names":["FormItemGroupStyled","div","FormItemStyled"],"mappings":"+VAKaA,4BAA6BC,mJAShCC,4HAWeA,wEACAA,2EACAA,2EACAA,4EACAA,6EACAA,4EACAA,2EACAA,yEAGXA,0WAoBoBA,oFAMAA"}
+{"version":3,"file":"FormItemGroup.styled.js","sources":["../../../../../src/components/Form/FormItemGroup/FormItemGroup.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\n\n\nexport const FormItemGroupStyled = styled.div`\n    display   : flex;\n    flex-wrap : wrap;\n    width     : 100%;\n\n    input {\n        align-self : flex-end;\n    }\n\n    & > ${FormItemStyled} {\n        flex           : 1 1 0;\n        flex-direction : column;\n        margin-bottom  : 24px;\n    }\n\n    & > label {\n        flex  : 1 1 100%;\n        order : -1;\n    }\n\n    &.spacing-none   > ${FormItemStyled}:not(:last-of-type) { margin-right :    0; }\n    &.spacing-nano   > ${FormItemStyled}:not(:last-of-type) { margin-right :  8px; }\n    &.spacing-micro  > ${FormItemStyled}:not(:last-of-type) { margin-right : 12px; }\n    &.spacing-tiny   > ${FormItemStyled}:not(:last-of-type) { margin-right : 16px; }\n    &.spacing-small  > ${FormItemStyled}:not(:last-of-type) { margin-right : 24px; }\n    &.spacing-medium > ${FormItemStyled}:not(:last-of-type) { margin-right : 32px; }\n    &.spacing-large  > ${FormItemStyled}:not(:last-of-type) { margin-right : 40px; }\n    &.spacing-huge   > ${FormItemStyled}:not(:last-of-type) { margin-right : 48px; }\n\n    &.is-joint {\n        & > ${FormItemStyled} {\n            margin-right : 0;\n\n            &:first-of-type input, select, textarea {\n                border-top-right-radius    : 0;\n                border-bottom-right-radius : 0;\n            }\n\n            &:not(:first-of-type):not(:last-of-type) input, select, textarea {\n                border-radius : 0;\n            }\n\n            &:last-of-type input, select, textarea {\n                border-top-left-radius    : 0;\n                border-bottom-left-radius : 0;\n            }\n        }\n    }\n\n    @media screen and (max-width : 520px) {\n        &:not(.retain-layout) > ${FormItemStyled} {\n            flex         : 1 1 auto;\n            margin-right : 0 !important;\n        }\n\n        //TODO: Add retainLayout prop for all breakpoints\n        &:not(.retain-layout) > ${FormItemStyled}:not(:last-child) {\n            margin-bottom : 16px;\n        }\n    }\n`;\n"],"names":["FormItemGroupStyled","div","FormItemStyled"],"mappings":"+VAKaA,4BAA6BC,kJAShCC,4HAWeA,wEACAA,2EACAA,2EACAA,4EACAA,6EACAA,4EACAA,2EACAA,yEAGXA,0WAoBoBA,oFAMAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../FormItem/FormItem.styled.js"),o=require("../FormItemGroup/FormItemGroup.styled.js");function m(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js");const r=/*#__PURE__*/m(t).default.form.withConfig({displayName:"FormWrapperStyled",componentId:"-16d79nx"})`display:flex;position:relative;width:100%;flex-direction:column;&.spacing-none ${e.FormItemStyled}:not(:last-child){margin-bottom:0;}&.spacing-nano ${e.FormItemStyled}:not(:last-child){margin-bottom:8px;}&.spacing-micro ${e.FormItemStyled}:not(:last-child){margin-bottom:12px;}&.spacing-tiny ${e.FormItemStyled}:not(:last-child){margin-bottom:16px;}&.spacing-small ${e.FormItemStyled}:not(:last-child){margin-bottom:24px;}&.spacing-medium ${e.FormItemStyled}:not(:last-child){margin-bottom:32px;}&.spacing-large ${e.FormItemStyled}:not(:last-child){margin-bottom:40px;}&.spacing-huge ${e.FormItemStyled}:not(:last-child){margin-bottom:48px;}/*${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}*/`;exports.FormWrapperStyled=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../FormItem/FormItem.styled.js"),o=require("../FormItemGroup/FormItemGroup.styled.js");function m(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js");const r=/*#__PURE__*/m(t).default.form.withConfig({displayName:"FormWrapperStyled",componentId:"-akfemj"})`display:flex;position:relative;width:100%;flex-direction:column;&.spacing-none ${e.FormItemStyled}:not(:last-child){margin-bottom:0;}&.spacing-nano ${e.FormItemStyled}:not(:last-child){margin-bottom:8px;}&.spacing-micro ${e.FormItemStyled}:not(:last-child){margin-bottom:12px;}&.spacing-tiny ${e.FormItemStyled}:not(:last-child){margin-bottom:16px;}&.spacing-small ${e.FormItemStyled}:not(:last-child){margin-bottom:24px;}&.spacing-medium ${e.FormItemStyled}:not(:last-child){margin-bottom:32px;}&.spacing-large ${e.FormItemStyled}:not(:last-child){margin-bottom:40px;}&.spacing-huge ${e.FormItemStyled}:not(:last-child){margin-bottom:48px;}/*${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}${o.FormItemGroupStyled}${e.FormItemStyled}*/`;exports.FormWrapperStyled=r;
 //# sourceMappingURL=FormWrapper.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormWrapper.styled.js","sources":["../../../../../src/components/Form/FormWrapper/FormWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\nimport { FormItemGroupStyled } from \"../FormItemGroup/FormItemGroup.styled\";\n\nexport const FormWrapperStyled = styled.form`\n    display        : flex;\n    position       : relative;\n    width          : 100%;\n    flex-direction : column;\n\n    &.spacing-none   ${FormItemStyled}:not(:last-child) { margin-bottom :    0; }\n    &.spacing-nano   ${FormItemStyled}:not(:last-child) { margin-bottom :  8px; }\n    &.spacing-micro  ${FormItemStyled}:not(:last-child) { margin-bottom : 12px; }\n    &.spacing-tiny   ${FormItemStyled}:not(:last-child) { margin-bottom : 16px; }\n    &.spacing-small  ${FormItemStyled}:not(:last-child) { margin-bottom : 24px; }\n    &.spacing-medium ${FormItemStyled}:not(:last-child) { margin-bottom : 32px; }\n    &.spacing-large  ${FormItemStyled}:not(:last-child) { margin-bottom : 40px; }\n    &.spacing-huge   ${FormItemStyled}:not(:last-child) { margin-bottom : 48px; }\n/* \n    &.spacing-none   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom :    0; }\n    &.spacing-nano   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom :  8px; }\n    &.spacing-micro  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 12px; }\n    &.spacing-tiny   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 16px; }\n    &.spacing-small  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 24px; }\n    &.spacing-medium ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 32px; }\n    &.spacing-large  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 40px; }\n    &.spacing-huge   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 48px; } */\n`;\n"],"names":["FormWrapperStyled","form","FormItemStyled","FormItemGroupStyled"],"mappings":"qZAKaA,4BAA2BC,2JAMjBC,qEACAA,wEACAA,wEACAA,yEACAA,0EACAA,yEACAA,wEACAA,2DAEAC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD"}
+{"version":3,"file":"FormWrapper.styled.js","sources":["../../../../../src/components/Form/FormWrapper/FormWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\nimport { FormItemGroupStyled } from \"../FormItemGroup/FormItemGroup.styled\";\n\nexport const FormWrapperStyled = styled.form`\n    display        : flex;\n    position       : relative;\n    width          : 100%;\n    flex-direction : column;\n\n    &.spacing-none   ${FormItemStyled}:not(:last-child) { margin-bottom :    0; }\n    &.spacing-nano   ${FormItemStyled}:not(:last-child) { margin-bottom :  8px; }\n    &.spacing-micro  ${FormItemStyled}:not(:last-child) { margin-bottom : 12px; }\n    &.spacing-tiny   ${FormItemStyled}:not(:last-child) { margin-bottom : 16px; }\n    &.spacing-small  ${FormItemStyled}:not(:last-child) { margin-bottom : 24px; }\n    &.spacing-medium ${FormItemStyled}:not(:last-child) { margin-bottom : 32px; }\n    &.spacing-large  ${FormItemStyled}:not(:last-child) { margin-bottom : 40px; }\n    &.spacing-huge   ${FormItemStyled}:not(:last-child) { margin-bottom : 48px; }\n/* \n    &.spacing-none   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom :    0; }\n    &.spacing-nano   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom :  8px; }\n    &.spacing-micro  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 12px; }\n    &.spacing-tiny   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 16px; }\n    &.spacing-small  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 24px; }\n    &.spacing-medium ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 32px; }\n    &.spacing-large  ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 40px; }\n    &.spacing-huge   ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 48px; } */\n`;\n"],"names":["FormWrapperStyled","form","FormItemStyled","FormItemGroupStyled"],"mappings":"qZAKaA,4BAA2BC,0JAMjBC,qEACAA,wEACAA,wEACAA,yEACAA,0EACAA,yEACAA,wEACAA,2DAEAC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD,mBACvBC,wBAAuBD"}

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

@@ -1,2 +1,2 @@
-"use strict";function i(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/i(require("styled-components")).default.input.withConfig({displayName:"InputFieldStyled",componentId:"-c16958"})`position:relative;width:100%;flex:1 1 auto;font-family:${i=>i.theme.text.font.sans};color:${i=>i.theme.inputField.default.text};background-color:${i=>i.theme.inputField.default.bg};border:1px solid ${i=>i.theme.inputField.default.border};border-radius:${i=>i.theme.inputField.default.borderRadius};padding:12px;line-height:1;&:active,&:focus{background-color:${i=>i.theme.inputField.onFocus.bg};border:2px solid ${i=>i.theme.inputField.onFocus.border};color:${i=>i.theme.inputField.onFocus.text};padding:11px;}&[type=password]{letter-spacing:4px;}&[type=password]:placeholder-shown{letter-spacing:unset;}&.with-icon-left{padding-left:40px;}&.with-icon-right{padding-right:40px;}span.icon-left,span.icon-right{position:absolute;bottom:12px;width:24px;height:24px;}span.icon-left svg,span.icon-right svg{fill:${i=>i.theme.inputField.icons.default.fill};transition:all 0.2s;width:24px;height:24px;}span.icon-left{left:8px;}span.icon-right{right:8px;opacity:0.24;}&.with-icon-left:focus ~ span.icon-left svg{fill:${i=>i.theme.inputField.icons.onFocus.fill};}&.validate-this{padding-right:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 12px top 56%;background-size:24px;&:focus{background-position:right 11px top 56%;}}&.validate-this ~ span.icon-right{display:none;}&.validate-this:valid:not(:placeholder-shown){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);}&:invalid:not(:focus):not(:placeholder-shown){border:1px solid ${i=>i.theme.inputField.icons.isValid.border};background-color:${i=>i.theme.inputField.isInvalid.bg};background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:98%;background-size:24px;}`;exports.InputFieldStyled=t;
+"use strict";function i(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/i(require("styled-components")).default.input.withConfig({displayName:"InputFieldStyled",componentId:"-y1gxko"})`position:relative;width:100%;flex:1 1 auto;font-family:${i=>i.theme.text.font.sans};color:${i=>i.theme.inputField.default.text};background-color:${i=>i.theme.inputField.default.bg};border:1px solid ${i=>i.theme.inputField.default.border};border-radius:${i=>i.theme.inputField.default.borderRadius};padding:12px;line-height:1;&:active,&:focus{background-color:${i=>i.theme.inputField.onFocus.bg};border:2px solid ${i=>i.theme.inputField.onFocus.border};color:${i=>i.theme.inputField.onFocus.text};padding:11px;}&[type=password]{letter-spacing:4px;}&[type=password]:placeholder-shown{letter-spacing:unset;}&.with-icon-left{padding-left:40px;}&.with-icon-right{padding-right:40px;}span.icon-left,span.icon-right{position:absolute;bottom:12px;width:24px;height:24px;}span.icon-left svg,span.icon-right svg{fill:${i=>i.theme.inputField.icons.default.fill};transition:all 0.2s;width:24px;height:24px;}span.icon-left{left:8px;}span.icon-right{right:8px;opacity:0.24;}&.with-icon-left:focus ~ span.icon-left svg{fill:${i=>i.theme.inputField.icons.onFocus.fill};}&.validate-this{padding-right:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 12px top 56%;background-size:24px;&:focus{background-position:right 11px top 56%;}}&.validate-this ~ span.icon-right{display:none;}&.validate-this:valid:not(:placeholder-shown){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);}&:invalid:not(:focus):not(:placeholder-shown){border:1px solid ${i=>i.theme.inputField.icons.isValid.border};background-color:${i=>i.theme.inputField.isInvalid.bg};background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:98%;background-size:24px;}`;exports.InputFieldStyled=t;
 //# sourceMappingURL=InputField.styled.js.map

package/dist/cjs/components/Form/RadioButton/RadioButton.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:"RadioButtonStyled",componentId:"-wr3y3o"})`display:inline-flex;margin-right:24px;input[type="radio"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}& label::before{width:16px;height:16px;left:0;border-radius:50%;background:${e=>e.theme.radioButton.inset.default.bg};}&:hover label::before{background:${e=>e.theme.radioButton.inset.onHover.bg};}& label::after{opacity:0;left:4px;top:4px;width:8px;height:8px;background:${e=>e.theme.radioButton.circle.default.bg};border-radius:50%;}&:checked + label::before,input[type="radio"]:checked + label::before{background:${e=>e.theme.radioButton.inset.isSelected.bg};}&:checked + label::after,input[type="radio"]:checked + label::after{opacity:1;}&:focus + label::before,input[type="radio"]:focus + label::before{outline:solid 2px ${e=>e.theme.radioButton.inset.isSelected.bg};}&:only-of-type{margin-right:0;}& label{display:inline-block;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;vertical-align:middle;line-height:1.1;padding-left:24px;&::before,&::after{display:inline-block;position:absolute;content:"";transition:all 0.1s ease-out;}}&:disabled + label::before{background:${e=>e.theme.radioButton.inset.isDisabled.bg};box-shadow:inset 0 2px 8px -2px rgba(0, 0, 0, 0.24);}`;exports.RadioButtonStyled=t;
+"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:"RadioButtonStyled",componentId:"-fp8tkp"})`display:inline-flex;margin-right:24px;input[type="radio"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}& label::before{width:16px;height:16px;left:0;border-radius:50%;background:${e=>e.theme.radioButton.inset.default.bg};}&:hover label::before{background:${e=>e.theme.radioButton.inset.onHover.bg};}& label::after{opacity:0;left:4px;top:4px;width:8px;height:8px;background:${e=>e.theme.radioButton.circle.default.bg};border-radius:50%;}&:checked + label::before,input[type="radio"]:checked + label::before{background:${e=>e.theme.radioButton.inset.isSelected.bg};}&:checked + label::after,input[type="radio"]:checked + label::after{opacity:1;}&:focus + label::before,input[type="radio"]:focus + label::before{outline:solid 2px ${e=>e.theme.radioButton.inset.isSelected.bg};}&:only-of-type{margin-right:0;}& label{display:inline-block;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;vertical-align:middle;line-height:1.1;padding-left:24px;&::before,&::after{display:inline-block;position:absolute;content:"";transition:all 0.1s ease-out;}}&:disabled + label::before{background:${e=>e.theme.radioButton.inset.isDisabled.bg};box-shadow:inset 0 2px 8px -2px rgba(0, 0, 0, 0.24);}`;exports.RadioButtonStyled=t;
 //# sourceMappingURL=RadioButton.styled.js.map

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:"-1ia8gjs"})`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:"-o94950"})`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:${e=>e.theme.inputField.default.borderRadius};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:"-uugogi"})`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:"-1ckg8yo"})`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:${e=>e.theme.inputField.default.borderRadius};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    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    : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\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,qJAInBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAalDJ,GAAwBA,EAAMC,MAAMI,OAAOC,sGAOpDN,GAAwBA,EAAMC,MAAMC,WAAWK,WAAWC,SAIhEC,EAAeX,UAAOO,wIAITL,GAAwBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC9CX,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQS,oBACvDZ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,oDAE7CJ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI7Db,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC7CZ,GAAwBA,EAAMC,MAAMC,WAAWY,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    : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\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,oJAInBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAalDJ,GAAwBA,EAAMC,MAAMI,OAAOC,sGAOpDN,GAAwBA,EAAMC,MAAMC,WAAWK,WAAWC,SAIhEC,EAAeX,UAAOO,yIAITL,GAAwBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC9CX,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQS,oBACvDZ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,oDAE7CJ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI7Db,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC7CZ,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQD"}

package/dist/cjs/components/Form/TextArea/TextArea.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.textarea.withConfig({displayName:"TextAreaStyled",componentId:"-er8wt4"})`position:relative;width:100%;flex:1 1 auto;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border:1px solid ${e=>e.theme.inputField.default.border};border-radius:4px;padding:12px;line-height:1;max-width:100%;min-width:100%;resize:vertical;&:active,&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px;}`;exports.TextAreaStyled=t;
+"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.textarea.withConfig({displayName:"TextAreaStyled",componentId:"-3r9g7c"})`position:relative;width:100%;flex:1 1 auto;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border:1px solid ${e=>e.theme.inputField.default.border};border-radius:4px;padding:12px;line-height:1;max-width:100%;min-width:100%;resize:vertical;&:active,&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px;}`;exports.TextAreaStyled=t;
 //# sourceMappingURL=TextArea.styled.js.map

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

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

package/dist/cjs/components/InfoPanel/InfoPanel.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.aside.withConfig({displayName:"InfoPanelStyled",componentId:"-6fg5j4"})`position:fixed;top:0;right:0;bottom:0;transform:translateX(-42vw);min-height:100vh;transition:all 0.4s ease-in-out;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;border-left:1px solid ${e=>e.theme.infoPanel.border};&.open{transform:translateX(0);}&:not([class*="bg-"]){background-color:${e=>e.theme.infoPanel.bg};}&.tiny{width:12vw;}&.small{width:16vw;}&.medium{width:24vw;}&.large{width:32vw;}&.huge{width:40vw;}&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:2vw;}&.padding-all-small{padding:4vw;}&.padding-all-medium{padding:6vw;}&.padding-all-large{padding:8vw;}&.padding-all-huge{padding:12vw;}@media all and (max-width : 1400px){&.tiny{width:12vw;}&.small{width:24vw;}&.medium{width:32vw;}&.large{width:40vw;}&.huge{width:48vw;}}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${e=>e.theme.infoPanel.bg};top:16px;left:-32px;z-index:100001;color:${e=>e.theme.infoPanel.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${e=>e.theme.infoPanel.border};border-width:1px 0 1px 1px;border-radius:4px 0 0 4px;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:block;content:"";width:12px;height:12px;place-self:center;margin-right:4px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg);color:${e=>e.theme.infoPanel.dismissButton.color};transition:all 0.2s;cursor:pointer;}}.info-panel-content-wrapper{width:100%;height:100%;overflow-y:auto;}`;exports.InfoPanelStyled=t;
+"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.aside.withConfig({displayName:"InfoPanelStyled",componentId:"-aji1cv"})`position:fixed;top:0;right:0;bottom:0;transform:translateX(-42vw);min-height:100vh;transition:all 0.4s ease-in-out;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;border-left:1px solid ${e=>e.theme.infoPanel.border};&.open{transform:translateX(0);}&:not([class*="bg-"]){background-color:${e=>e.theme.infoPanel.bg};}&.tiny{width:12vw;}&.small{width:16vw;}&.medium{width:24vw;}&.large{width:32vw;}&.huge{width:40vw;}&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:2vw;}&.padding-all-small{padding:4vw;}&.padding-all-medium{padding:6vw;}&.padding-all-large{padding:8vw;}&.padding-all-huge{padding:12vw;}@media all and (max-width : 1400px){&.tiny{width:12vw;}&.small{width:24vw;}&.medium{width:32vw;}&.large{width:40vw;}&.huge{width:48vw;}}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${e=>e.theme.infoPanel.bg};top:16px;left:-32px;z-index:100001;color:${e=>e.theme.infoPanel.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${e=>e.theme.infoPanel.border};border-width:1px 0 1px 1px;border-radius:4px 0 0 4px;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:block;content:"";width:12px;height:12px;place-self:center;margin-right:4px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg);color:${e=>e.theme.infoPanel.dismissButton.color};transition:all 0.2s;cursor:pointer;}}.info-panel-content-wrapper{width:100%;height:100%;overflow-y:auto;}`;exports.InfoPanelStyled=t;
 //# sourceMappingURL=InfoPanel.styled.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});const e=/*#__PURE__*/n(require("styled-components")).default.div.withConfig({displayName:"PinInputStyled",componentId:"-1jn78bt"})`display:flex;flex-direction:row;&.spacing-none{gap:0;}&.spacing-nano{gap:2px;}&.spacing-micro{gap:4px;}&.spacing-tiny{gap:6px;}&.spacing-small{gap:8px;}&.spacing-medium{gap:12px;}&.spacing-large{gap:16px;}&.spacing-huge{gap:24px;}input{font-weight:bold;}& > div{margin-bottom:0 !important;align-items:center;}.pin-input-field{text-align:center;}`;exports.PinInputStyled=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const n=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"PinInputStyled",componentId:"-608mo2"})`display:flex;flex-direction:row;&.spacing-none{gap:0;}&.spacing-nano{gap:2px;}&.spacing-micro{gap:4px;}&.spacing-tiny{gap:6px;}&.spacing-small{gap:8px;}&.spacing-medium{gap:12px;}&.spacing-large{gap:16px;}&.spacing-huge{gap:24px;}input{font-weight:bold;}& > div{margin-bottom:0 !important;align-items:center;}.pin-input-field{text-align:center;}`;exports.PinInputStyled=n;
 //# sourceMappingURL=PinInputField.styled.js.map